常用 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值等于amap 的链接。

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

<area>href属性表示跳转的链接,shapecoords属性确定区域范围。

 

6.       <video>

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

属性:

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

原文地址:https://www.cnblogs.com/lighter-blog/p/7563225.html