常用 HTML 标签

整理下一些常用的标签，方便以后自己查看。

1.       <a>

元素内容：超链接的显示，可以是一串文字或图片

属性：

a.        href：网页链接

b.       target：值为 _blank 则是打开新的标签页，默认为在本页面刷新

 

2.       <table>

属性：

a.        border：表格分割线的大小

子标签：

a.        <thead>, <tbody>, <tfoot>：定义块

b.       <tr>：每一行的内容，每一个格子为 <th>或<td>。列合并：colspan，行合并：rowspan

 

3.       <ol> , <ul>

有序列表和有序列表

有序列表的属性：

a.        type：以字母或数字或罗马数字排序

b.       reserved：反向排序

子标签：

a.        <li>：每一行元素

 

4.       <form>

表单元素都要在<form>块中

子标签：

a.        <input>：属性有

i.                      type：值有text, password, button, submit, range, number, checkbox, radio, email, url, date, color, hidden, image, file

ii.                    value：文本框的默认值

iii.                   placeholder：不占位的默认值，输入内容即消失

iv.                  size：文本框的大小

v.                    maxlength：文本框中最多字符数

vi.                  readonly：只读，没有值

vii.                 list：选择列表，需要和 <datalist> 配合使用

b.       <select>：固定选项的选项卡，每一个选项用 <option> 标识

c.        <datalist>：可以自定义值的选项卡，要与 <input list> 配合使用，通过 id 属性链接

 

5.       <img>, <map>

实现一个图片，点击不同的区域有不同的响应。

img通过属性 usemap = "#a" 来实现和name值等于a的map 的链接。

不同的区域在 <map> 中用 <area> 来实现响应。

<area>：href属性表示跳转的链接，shape和coords属性确定区域范围。

 

6.       <video>

视频标签，html5自带多媒体播放

属性：

height和weight设定大小，poster视频封面，preload设置加载方式，controls添加控件。通过 <source> 标签实现多个视频格式，以支持不同浏览器。