本讲时html标签的最后一讲，明天就要开始学习css，今天主要内容是结构标记，表单的使用，其他常见标记；
结构标记
1，结构标记的作用，HTML5中提供了现有的结构标记，因为标签没有特有的样式，样式靠css渲染，大部分标签只是为了语义化而已，所以html5
结构标记并没有等到很多事使用，相反大家已经习惯使用div加id进行对应的结构控制；如下所示：
<body> <div id="header">页头部分内容</div> <div id="main">页面主体部分内容</div> <div id="footer">页脚部分</div> </body>
而html5中结构标记既然不会常用，那么我在这里只提标签名header,footer,aside,session,article;
表单
1,表单的作用，表单的基本作用是用于搜集信息，并发送到服务器；我们讲表单的功能分为两个部分，分别是采集表单信息，提交表单数据到服务器。主要标签<form>,form里面包含采集数据的其他标签;
2,表单的基本标签
1>,form标签，表单元素属于双标签，常用属性有action(接收数据的服务器文件url)，method(请求方式，post,get,)，enctype(表单数据的编码格式)，name(表单的名称)；form标签里面包含input，textarea，select(option)等标签；
2>input标签，主要用于搜集用户信息，该元素为一个单标签，语法时<input />; 常用属性有type(可以是button，text，radio，checkbox，submit，reset，password)；value(控件的数据)；name(控件的名称，这个基本必须，因为服务器靠它获取数据)；disabled(禁止可用)；
3>，select，option标签，下拉框，语法如下
<select> <option value="1">Java</option> <option value="2">C++</option> <option value="3">PHP</option> </select>
select 常用属性，size(如果设置size就变成滚动列表)；name(下拉框的名称)；multiple(设置多选)；
option的常用属性，value(选中项对应的值)；selected(设置为默认选中)；
4>，textarea标签，多行文本输入框，常用属性有name(标签名称)；cols(指定文本区域的列数)；rows(指定文本区域的行数)； readonly(只读，代表不可输入)；
5>，label标签，主要是绑定选项框；使得点击lable的时候也能选中选项框；使用方式如下：
<input type="checkbox" name="chkHid" id="chkHid" /> <label for="chkHid">不要公开我的信息</label>
6 >，fieldset分组标签：讲标签进行分组，一起搭配的通常有legeng标签，使用方式如下：
<fieldset> <legend>地址信息</legend> 地址：<input type="text" /><br /> 邮编：<input type="text" /> </fieldset>
其他常用标签
1>，iframe标签，引入另外一个网页，常用属性src(内嵌的网页url)，width(iframe标签的宽度)，height(iframe标签的高度)；使用案例如下：
<iframe src="frame1.html" width="100" height="100"></iframe>
2>，meter标签，通常使用它做进度条，常用属性有min(最小值，默认为0)；max(最大值，默认为1)；value(当前值，默认为0)；使用如下，
<meter value="90" min="0" max="100" title="90%"></meter>%
那么在这里关于html的基本标签已经讲解完成，html标签如果还有没有提到的自己抽时间下面去看看，标签这个不是难点，绝大部分标签是没有样式的，只是为了语义化，那么真正控制布局的就是我们的css样式，期待我们明天进入css样式。
网友评论