HTML标签（下）

HTML标签(下)

---

表格标签：

表格主要用来显示，展示数据。

表格基本语法：

<table>
    <tr>
        <td>单元格文字</td>
        、、、
    </tr>
</table>

1.

:定义表格
2.:定义行
3.:定义单元格

表头单元格::
和普通单元格相比其中内容会剧中加粗。

表格属性（不常用）

通常使用css来给表格弄边框等样式。
注释：此处目的是了解对应属性的英语表达，基本和css内的一致。

属性是写在

表签里的：

1. align：left,center,right – 规定表格相对周围属性的对齐方式。
2. border：1或"" – 规定表格是否有边框，默认""无边框。
3. cellpadding：像数值 – 规定单元格内容与其边沿之间的空白。默认1像素。
4. cellspacing：像数值 – 规定单元格之间的空啊比。默认2像素。
5. width：像素值或者百分比 – 规定表格宽度。
6. height：像素值或百分比 – 规定表格高度。

标签和标签作用：
使得表格语义更清楚，划分跟清晰。

把表格的第一行包住；内部必须有标签； 把表格的主题部分包住；

合并单元格的属性

1.合并单元的方式：

rowspan=“合并单元格个数”
colspan=“合并单元格个数”

2.目标单元格（写合并代码）

跨行：最上测单元格
跨列：最左侧单元格

表格总结

1.学习了

表格标签行标签表格头部区域表格主题区域
2.表格相关属性：
align：表格位置
border：1或者“”表格边框
cellpadding：单元格文本和边框之间的空白
cellspacing：单元格之间的空白
width和height：表格大小

单元格标签	表头单元格标签

的属性： 合并单元格 rowspan和colspan

列表标签：

作用：用来页面布局
分类：

1. 无序列表（重要）

<ul>
    <li>列表项1</li>
    <li>.............</li>
</ul>

注意：

• 中只能嵌套
• 标签，
• 中可以嵌套任何标签，无需列表有自己的样式属性。实际开发时用css来设置

2. 有序列表

<ol>
    <li>列表项1</li>
    <li>.............</li>
</ol>

3. 自定义列表

<dl>
    <dt>名词1</dt>
    <dd>名词1解析1</dd>
    <dd>....................</dd>
</dl>

表单标签

作用：收集用户信息
表单组成：表单域，表单控件，提示信息

表单域：包含表单元素的区域，把区域内表单元素的值发送到后台。

标签： action="url地址" method="提交方式" name="表单域名称" 表单元素要在表单域中。

表单控件（表单元素）：

type属性：
text：文本框
password：写密码时
radio：单选按钮，当有统一的name属性，就会多选一
checkbox：多选框
submit：提交按钮，把所有表单元素的值发送给后台
reset：重置按钮。
button：普通按钮，不提交数据，和js配合使用，做某件事。
file：文件域，上传文件。

name属性：是表单元素的名字，单选和多选框要有相同的name值
value属性：表单元素的值
checked属性：规定表单元素首次加载应当被选用
maxlength属性：规定输入字段的字符的最大长度

<form>
    <input>
    ................
</form>

标签

标签为input元素做定义标注，绑定一个表单元素，当点击标签内文字时，光标自动转到对应的表单元素中。

语法：
<label  for="sex">男</label>
<input type="radio" name="sex" id="sex"/>

注意：for属性值和对应表单元素的id属性值必须相同。

下拉表单元素

<select>
    <option>......</option>
    <option>......</option>
    注意：在option标签中有selected="selected"默认选项
</select>

文本域表单元素

可以输入多行文本内容

<textarea>默认文字</textarea>
了解：cols：一行多少字  rows：一共多少行