# neuedu20181229 **Repository Path**: climpeaker2/neuedu20181229 ## Basic Information - **Project Name**: neuedu20181229 - **Description**: html标签表格使用 - **Primary Language**: HTML/CSS - **License**: GPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 4 - **Created**: 2018-12-29 - **Last Updated**: 2020-12-18 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # neuedu20181229 # 介绍 html标签表格使用 # 课堂笔记 1. table标签 * table、tr、td、th等语法: * tr、td、th不能单独使用,必须放在table中使用; * 另外还有两个可选标签thead、tbody、tfoot,将表格换分位头、主题、尾三部分,是可选用标签; * 表格的构成必须按照 table、tr、td或th等包含关系进行构建; * td标签中可以包含任何html标签;td标签中可以在包含一个talbe,构成表中表的结构; * 因此可以使用table作为html页面body区域的划分(不推荐使用,已废弃,推荐使用div+css方式进行布局) 2. frame系列标签 * frameset、frame、iframe * frameset只能放在html标签下,不能再body标签中; * frame只能放在frameset中; * iframe是内联frame,可以放入块域标签中(双标签中) * 3. form表单标签 * form表单用于向服务器提交数据;aciton属性指明服务器由谁进行响应;method属性指定发送表单数据的方式(get/post/put/delete) * 只有放在form表单中的控件的值才会被发送到服务器; * form表单发送给服务器的值是标签的value属性指定的值;text类型的输入框,则将输入框中的内容作为value值发送给服务器; * 提交数据的标签必须放在指定的form标签中才能通过form表单的形式进行数据发送; * reset、submit类型的按钮只对其所在的form表单起作用; * form表单中的标签控件必须指明id、name属性;id属性用于客户端脚本获取该控件对象;name属性用于服务器端获取该控件对象; * 注意:html中id的值具有唯一性,id和name的值可以一样; * 单选框radio需要将一组控件的name属性值设置为一致,才会有互斥选择; * 多选框也需要将一组控件的name属性值设置为一致;(服务器端才能接收所有的选项值) # css课程 1. css基础语法 * 1.1 css的发展史和作用 * 1.2 css基础语法 (1)css写在head部分的style标签中 (2)css内容根据书写的位置分为三种: 外部css样式; 写在html页面外部的独立的css文件(以.css结尾的文件)中的样式,使用link标签将其引入html页面中; 使用原则:具有通用性的css样式写在外部css样式文件中,多个页面可以通过link共同使用 内部css样式; 写html页面的style标签中的css样式就是内部css样式; 使用原则:在本页面中多个控件标签使用的样式; 内联css样式; 写在标签的style属性中的样式,叫做内联css样式; 使用原则:某个特殊的标签样式使用内联css样式; 三种css样式的优先级: 内联样式 > 内部css样式 > 外部css样式 注意:因为css样式是被浏览器解释执行的,注意各类css样式被浏览器解析的先后顺序; 后执行的样式可能会覆盖先执行的样式 (3)css语法 css选择器{ /**注释内容**/ 属性名:"属性值"; } 解析: css选择器:用于选择css样式作用的目标dom对象; 属性是css的取值维度; 属性值建议使用双引号引出,避免属性值中含有空格等字符,造成运行错误; 使用;作为分隔符; (4)常用的css选择器 ID选择器: 使用 #控件id 作为选择器;选择指定名字的id控件,要求控件需要指定id属性; 该选择只能选择指定id的控件,选择范围比较小 语法: #控件id{ 属性:"属性值"; } 标签(类型)选择器: 使用标签名作为选择条件,选择当前html文档中的这一类标签对象作为css样式的目标对象; 语法: 标签名{ 属性:"属性值"; } 类选择器: 定义一个css样式类,标签控件通过class属性引入需要使用的css样式类; 语法: .样式类名{ 属性:"属性值"; } 注意:样式类名之前有.,表明这是一个css样式类的定义; (5)不同css选择器之间的优先级 id选择器 > 类选择器 > 标签(类型)选择器 2. #### 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request #### 码云特技 1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md 2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目,是码云综合评定出的优秀开源项目 5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)