1.列表

无序列表：

-ul >li

有序列表

-ol >li

自定义列表

-dl>dt+dd

dt靠前 dd靠后

列表嵌套

-ul>li>ul>li

2.表格

table>thead>tr>th>td

table为表格

tr为行

th为首行标题

td为列（单元格）

td rowspan=“2”上下一个单元格2行合并

td colspan=“2” 将一行中的1个单元格2列合并

3.节标签：div span

div标签：块级标签独占行

span标签：行级标签共同使用

块级标签：p，div，ul，ol，dl，li，dt，h1-h6

行级标签：xing：span，strong，em

4.表单

form action=“#”

input type=“text” value=“123”:text文本标签（输入行），value输

入信息

input type=“radio”单选标签  name=“gender” 仅可选择一个单选

下拉选项表单：

《select name=“” id=“”》

《option value=“1”》 公历《/option》 第一个选项

《option value=“2”》 农历《/option》第二个选项

下拉展示选项表单：

《select name=“” id=“” multiple=“multiple”》

《option value=“1”》 公历《/option》 第一个选项

《option value=“2”》 农历《/option》第二个选项

超文本标签：

《textarea cols=“20” rows=“10”》文本标签 和长宽

内容

《textarea》

多选盒子框：

《input type=“checkbox”》

注册按钮：

《input type=“sumbit” value=“注册”》

包含标签：

《fieldset》

Form：包裹标签， action：#

input：text，textarea文本框，radio，name=“gender”单选按钮，type

：checkbox多选按钮，submit提交的按钮，button按钮，reset重置的按钮

checked属性：标识多选un按钮是否被选中。

lable：for属性想提供给某id的服务。

select：下列菜单（multiple=“multiple” 展示下拉菜单）

cols：设置文本域宽度

rows：高度

iframe：内敛网页 可以设置width宽 hight高 frmaeborde=0去掉边框

5.高级补充标签

meta标签：网站seo关键词和描述

《meta name=“keywords” content=“关键词”》

link标签：引入标签

script：引入js

base：可以使页面的所有a标签同一属性

《base target=“_blank”》所有超链接在另外一个页面打开

pre ： 实际显示

直接在网页显示内容：<内容>

6.html语义化

web语义化是指使用语义恰当的标签，使页面有良好的结构，页面元素有含

义，能够使人和搜索引擎都容易理解