web标准教程，帮你走进web标准设计的世界 第三讲（html终结篇）_Web标准教程_CSS_网页制作_

上一讲我主要讲解了一下网页常用的几个html标签。

非常感谢网友对我的大力支持，谢谢你们给我的鼓励！

本节我将给大家讲解表单标签和table标签，ok，Begin！Right now！

标签10：表单标签

功能：构造一个表单，用来向服务器提交数据

基本结构与详细标签：

a：input标签

使用指数：*****

功能：通过改变type类型来构造表单元素

类型：内联元素

常用属性：id，class，name（与ID类似，方便后台程序获取标签的值），accept（accept 属性只能与  配合使用。它规定能够通过文件上传进行提交的文件类型。）

type与对应值一览

 

其中值img很少使用，他与值submit的功能是相同的，hidden值对于一个前台开发者而言几乎是用不到的，button值暂时不做介绍，毕竟我们现在离javascript还很遥远，呵呵

b: textarea标签

使用指数：****

功能：无限的向其中输入文本，比较适合做留言板，其中的文本的默认字体是等宽字体（通常是 Courier）

类型：内联元素

常用属性：id，class，name

特殊属性：cols，rows来设置他的区域大小，不过不推荐这种设置，还是建议通过css来设置（又是后话了）！

c: fieldset和legend标签

使用指数：**

功能：用来给你的表单划分区域，在legend中设置区域的标题（不是很常用）

类型：块级元素

常用属性：id，class，title

d:label标签

使用指数：***

功能：没有任何效果，只是为input标签提供一个标记不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

特殊属性for:

标签的 for 属性应当与相关元素的 id 属性相同。通过这种方法来与对应标签绑定

例子：

点击梨，苹果会被选中，点击苹果，梨会被选中，点击香蕉，香蕉会被选中，点击草莓，草莓不会被选中，因为他没有应用label，这时只有点击按钮（）才会被选中。
e:select标签
使用指数：***
功能：创建单选或者多选的下拉菜单
结构：



这些属性就不详细讲了，大家去实践一下就明白了，很简单
下面通过一个例子在具体应用表单标签要注意的事项：

标签11：table

使用指数：***

功能：构造一个表格

类型：块级元素

常用属性：id，class

width：设置表格的宽度

border：设置表格的边框

标签a：caption

使用指数：*

功能：为表格定义一个标题

类型：块级元素

标签b：tr

使用指数：***

功能：为表格定义一个行

类型：块级元素

标签c：th

使用指数：**

功能：为表格的每一列定义一个小标题，默认字体加粗

类型：块级元素

标签d：td

使用指数：***

功能：为表格定义一个列

类型：内联元素

特殊属性：1.colspan：合并单元格（列合并）

          2.rowspan：合并单元格（行合并）

例子：

效果：

 

到这里html就讲完了，不要惊讶，我指的是主要的常用的部分讲完了，其他的就大家自己去学习吧，相信掌握了学习方法之后的工作是愉快的，哈哈

下一讲，我将带领大家步入css的世界当中！

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！