图文讲解-表单标签和布局标签

本节是第二讲的第五小节，在上一节为大家介绍了HTML数据显示和多媒体标签，本节开始为大家介绍HTML表单和布局相关标签。

表单相关的标签（11个）

*表单。属性：action(URL),method(get,post)。例如：

* 按钮。属性：type(button,reset,submit),value(text)。例如：按钮

*输入字段。type(button,checkbox,color,date,datetime,datetime-local,email,file,hidden,image,month,number,password,radio,range,reset,search,submit,tel,text,time,url,week),value(text),placeholder(text),min(num),max(num),list(datalist_id),maxlength(num)。例如：

数据列表。例如：

*选项。属性：selected(selected),value(text)

*下拉列表。属性：multiple(multiple),size(num)。例如：中国

选项组合(option group)。属性：label(text)。中国

*文本框。属性：cols(num),rows(num)例如：一个文本框。

相关字段分组(field set)。

字段分组说明。例如：分组说明

*标签。属性：for(id)。例如：男生

页面布局相关的标签（14个）

文章区块。例如：这是文章区域

边栏区块。例如：这是边栏的内容

主体区域。这是主体区域

导航区域(navigation)。这是导航区域

部分区域。

这是部分区域。

页脚区块。例如：页脚区域

页眉区块。例如：页眉区域

图表区块。

图表区块说明(figure caption)。例如：这是图表区块。

标题分组(heading group)。例如：主标题副标题

水平线(horizontal rule)。例如：分割线

内联框架（inline frame）。属性：name(name),src(URL),width(pixels),height(pixels)例如：

*分隔区块(division)。例如：

这是一个内容区

*组合文档中的行内元素。例如：这是span标签

至此，所有关于HTML的标签都已经介绍完了，大家想要尽快掌握，需要更多的练习。关于课程所讲的内容，在网站上都有参考示例。

以上内容部分摘自视频课程02网页前端HTML-5html表单标签和布局标签。最后，希望大家远离病毒，疫情早日结束。武汉加油！湖北加油！中国加油！