HTML 基本属性大全（一）

属性，是 HTML 里面不可缺少的一部分，经常用在标签内部，为该标签增加一些特殊的效果。例如：<img width="..." height="..."/> ,HTML 中常用的属性如下所示：

属性：

1.width：宽度

2.height：高度

注意：width和height经常用于设置图片和盒子模型的宽度和高度，除图片外，通常盒子元素 用的比较多。

3.src：图片路径

4.title：图片鼠标悬停提示文字

5.alt：图片替代文字

注意：上述3个属性通常在图像标签 <img/>上面。使用时，多个属性之间用空格隔开。例如：<img src="123.png" height="120px" width="240px" title="天才" alt="天生的蠢材"/>，五个属性并不一定要一起用，根据需求进行选择。

6.href：超级链接路径

注意：跟图片路径的使用大致相似。

7.border：边框

注意：通常用在表格标签中，例如：<table border="1">...</table>，里面的数字代表边框的宽度。

8.type：类型

注意：通常用于列表当中，无序列表、有序列表、表单当中都有用，例如：<ol type="1">...</type>。这个属性比较特殊，在各个列表当中它的属性值是不一样的。

先说无序列表，type="disc"----实心圆（默认），type="circle"----空心圆，type="square"----实心方块；

再说有序列表，type="1"----阿拉伯数字（默认），type="A"----大写字母，type="a"----小写字母；type="I"----大写罗马字母，type="i"----小写罗马字母；

最后说说常用的基础表单类型，type="text"----文本框、type="password"----密码框、type="radio"----单选按钮、type="checkbox"----复选框、type="number"----数字、type="range"----滑块、type="file"----文件域、type="button"----普通按钮、type="reset"----重置按钮、type="submit"----提交按钮。

9.name：元素名称

注意：通常用于标记某标签的名字，便于为其设置特殊效果和后期的数据交互，其它的无任何实际意义。

10.loop：音视频循环播放

注意：一般用在音频标签和视频标签上，音频和视频标签见上一篇文档，这里不多做解释。HTML5版本以前，应该这样用：<audio ....... loop="loop">我的音频</audio>，从HTML5版本开始，开始简化为这样用：<audio ....... loop>我的音频</audio>。

11.for：焦点标记

注意：一个比较特殊的属性，通常用于表单当中的单选按钮或复选按钮当中。为按钮后面的文字添加标记。使用后，点击文字的同时，也可以选中按钮，应用范围较为广泛。

12.action：表单提交路径

13.method：表单提交方式

注意：上述2个属性常用于表单，例如：<form action="xxxx.html" method="post">....</form>，method的值常用的有2个，一个是post，一个是get。post比较安全，但是在地址栏的长度会有限制；而get不安全，地址栏上会显示用户名和密码，以及其他信息，但是在地址栏的长度无限制。一般情况下，测试可以用get方式，但是真正做项目的时候，为了保证不轻易泄密，建议使用post。