HTML的功能元素

1. 列表标签

列表标签的作⽤ : 给⼀堆数据添加列表语义 , 也就是告诉搜索引擎告诉浏

览器这⼀堆数据是⼀个整体。

1.1. ⽆序列表 :

给⼀堆数据添加列表语义 , 并且这⼀堆数据中所有的数据都没有先后之

分。

无序列表格式：

<ul>

<li>需要显示的条⽬内容</li>

</ul>

无序列表样式：

disc 默认值 实⼼圆

circle 空⼼圆

square 实⼼⽅块

1.2. 有序列表

有序列表的作⽤ : 给⼀堆数据添加列表语义 , 并且这⼀堆数据中所有的数

据都有先后之分。

有序列表格式:

<ol>

<li></li>

</ol>

有序列表样式：

1 默认值。数字有序列表。（ 1 、 2 、 3 、 4 ）

a 按字⺟顺序排列的有序列表，⼩写。（ a 、 b 、 c 、 d ）

A 按字⺟顺序排列的有序列表，⼤写。（ A 、 B 、 C 、 D ）

i 罗⻢字⺟，⼩写。（ i, ii, iii, iv ）

I 罗⻢字⺟，⼤写。（ I, II, III, IV ）

1.3. 定义列表

给⼀堆数据添加列表语义，先通过 dt 标签定义列表中的所有标题 , 然后再

通过 dd 标签给每个标题添加描述信息。

定义列表的样式：

<dl>

<dt></dt>

<dd></dd>

<dt></dt>

<dd></dd>

</dl>

2. 表格标签

表格标签作⽤ : ⽤来给⼀堆数据添加表格语义。

表格标签格式：

<table>

<tr>

<td>姓名</td>

</tr>

</table>

2.1细线表格

1. 给 table 标签设置 bgcolor="black" ， cellspacing = "1px"

2. 给 tr 标签设置 bgcolor="white"

单元格

2.2单元格合并

1.⽔平⽅向上的单元格合并： <td colspan="2"></td>

2.垂直⽅向上的单元格合并： <td rowspan="2"></td>

3.form 表单

表单就是专⻔⽤来收集⽤户信息的。

表单的格式： <form action="提交的服务器接⼝地址">

                     <表单元素>

                     </form>

常见的表单元素：

-input标签

-明⽂输⼊框：<input type="text" name="account" placeholder="请输⼊⽤户

名">

-暗⽂输⼊框：<input type="password" name="password" placeholder="请输⼊

密码">

-输⼊框设置默认值：<input type="xxx" value="xxx">

-单选框：<input type="radio" name="xx" value="xxx">

- 多选框： <input type="checkbox" name="xxx" value="xxx">

多选框默认选中 checked

-提交按钮：<input type="submit">

-重置按钮：<input type="reset" value="xx">

-隐藏域：<input type="hidden" name="xx" value="xxx">