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

本节是第二讲的第五小节,在上一节为大家介绍了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表单标签和布局标签。最后,希望大家远离病毒,疫情早日结束。武汉加油!湖北加油!中国加油!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200228A07BCS00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券