HTML 常用标签演示文档格式.docx

HTML 常用标签演示文档格式.docx

《HTML 常用标签演示文档格式.docx》由会员分享，可在线阅读，更多相关《HTML 常用标签演示文档格式.docx（8页珍藏版）》请在冰豆网上搜索。

定义文章

section>

定义文档中的节

aside>

定义文档内容相关的内容

nav>

定义导航

header头部footer尾部article内容section内容aside内容nav内容

details>

定义细节内容

summary>

定义details的标题

HTML5

【列表】

ul>

定义无序列表（通常列表前会有项目符号）

∙<

li>

定义列表的项目

∙张三

∙李四

ol>

定义有序列表。

（通常列表前会有数字符号）

1.<

2.张三

3.李四

dl>

定义定义列表

dt>

定义定义列表中的项目

dd>

定义定义列表中项目的描述

张三的家谱

张三的家谱于1900年开始统计，进行了..

【表格】

table>

定义表格

caption>

定义表格标题

thead>

定义表格中的表头内容

tfoot>

定义表格中的表注内容（脚注）

tbody>

定义表格中的主体内容

tr>

定义表格中的行

th>

定义表格中的表头单元格（通常使用粗体显示）

td>

定义表格中的单元

table结构标准顺序如下：

<

/caption>

/th>

/tr>

/thead>

/td>

/tfoot>

/tbody>

/table>

※虽然tfoot放在了tbody之前，浏览器依然会将tfoot显示在tbody之后，而且这样做能让浏览器在获得所有表格内的数据前显示表注。

表格标题

表头ID

表头姓名

表头日期

表注这是编号

表注这是假名

表注这是添加日期

1

张三

2009-09-09

2

李四

2010-10-10

自带边框样式

【表单】

form>

定义表单

fieldset>

定义围绕表单中元素的边框（通常四周会有缩进，并显示围绕的边框）

legend>

定义fieldset元素的标题

标题

内容

select>

定义选择列表（下拉列表、多选列表）

optgroup>

定义选择列表中相关选项的组合

option>

定义选择列表中的选项

滚动列表形式

多选列表

窗体顶端

input>

定义输入控件（如果浏览器不支持HTML5新的类型，那么会使用文本域替代）

文本域 

type="

text"

密码域 

password"

复选框 

checkbox"

A 

B 

C

单选按钮 

radio"

组A:

① 

②　　组B:

Ⅰ 

Ⅱ

文件域 

file"

图像域 

image"

（可用做提交按钮）

隐藏域 

hidden"

（当然是看不见的了）

普通按钮 

button"

重置按钮 

reset"

提交按钮 

submit"

email域 

email"

（若有输入内容，则会验证格式是否符合email）

url域 

url"

（若有输入内容，则会验证格式是否符合url）

数值域 

number"

（若有设置最大值或最小值，则会验证数字是否在最大最小值之内）

数值范围域 

range"

（通过拖动滑块来选择数值）

日期域 

date"

（会调用浏览器自带的日期选择器，可设置的类型：

date,month,week,time,datetime,datetime-local）

month"

week"

time"

datetime"

datetime-local"

色值域 

color"

（会调用浏览器自带的颜色选择器）

搜索域 

search"

（用于搜索，站内搜索或Google搜索等，在输入框内容右侧通常会出现清除按钮）

datalist>

定义input元素的选项列表

keygen>

定义生成秘钥

output>

定义多行的文本输入控件

label>

定义input元素的标注

点击这里也可以选中

textarea>

button>

定义按钮（与input不同的是，button内部可以放置更多的内容，比如文本或图像）

提交按钮

窗体底端

【格式】

blockquote>

定义长的引用（通常四周会有缩进）

WEB标准不是某一个标准，而是一系列标准的集合。

网页主要由三部分组成：

结构（Structure）、表现（Presentation）和行为（Behavior）。

对应的标准也分三方面：

结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。

这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（EuropeanComputerManufacturersAssociation）的ECMAScript标准。

pre>

定义预格式文本（通常会保留空格及换行符，并使用等宽字体显示，很适合用来表示计算机代码）

for（vari=0;

i<

9;

i++）{

i++;

};

address>

定义文档作者或拥有者的联系信息（通常使用斜体显示）

联系小叉

前端开发工程师

a>

定义链接、锚点

em>

定义强调文本（通常使用斜体显示）

strong>

定义更为强调的文本（通常使用粗体显示）

mark>

定义带有标记的文本（通常会高亮显示）

time>

定义时间（通常不会有任何视觉效果）

del>

定义（通常带有删除线）

ins>

定义新插入文本（通常带有下划线）

2015年1月1日是星期四

i>

定义斜体文本

b>

定义粗体文本

big>

定义大号文本（通常使用比正文更大的字号显示）

small>

定义小号文本（通常使用比正文更小的字号显示）

sup>

定义上标文本、X2

sub>

定义下标文本、H2O

code>

定义计算机代码文本。

ThisHTMLCode.（通常使用等宽字体显示，但不会保留空格及换行符，需要保留空格及换行符，请使用<

）详细描述

cite>

定义引用。

可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。

（通常使用斜体显示）详细描述

q>

定义短的引用（通常会在两边加双引号）

bdo>

定义文本的方向

后面的文字会从右到左来显示：

你已经具备了倒读的能力

abbr>

定义缩写

微软推出的浏览器是 

IE 

浏览器。

（鼠标移到“IE”上看效果）

progress>

定义进度条 

meter>

定义度计量 

【图像】

img>

定义图像

map>

定义可点击区域

area>

定义可点击区域的内部区域

图片左右两边的链接不一样：

figure>

定义文档中的媒体内容（图片、图表、照片、代码等）

figcaption>

定义figure元素的标题

小叉试验场

canvas>

定义画布（此处不做演示）

【音频/视频】

audio>

定义声音

source>

定义媒体源

定义视频

video>

定义字幕

【其他】

noscript>

定义针对不支持客户端脚本的用户的替代内容

当前您的浏览器支持JavaScript脚本

noframes>

定义针对不支持框架的用户的替代内容

ruby>

定义ruby注释

rt>

定义ruby注释的解释

rp>

定义若浏览器不支持ruby元素显示的内容

漢