HTML5基本标签总结
HTML5 基本的标签
htML> 标签 它是html文档的根元素。但是html5允许完全省略这个元素。
head> 标签 它是用于定义html文档的头部。但是html5允许完全省略这个元素。
tITle> 标签 它是用于定义html页面的标题。
body> 标签 它是用于定义html的页面主体部分。该标签可以指定id、class、style、等核心属性。还可以指定onload、onunload、onclick等事件属性。
style> 标签 该元素用于引用样式的定义。
h1> ~h6> 标签 定义标题一到标题六。
p> 标签 定义段落,该标签可以指定id、class、style等核心属性。
span> 标签 与p> 标签基本相似 该标签内容默认不会换行。
p> 标签是块标签,p> 标签也是块标签,span> 的内联标签。这三个都是容器标签。不同是p> 会自带的有段落间距,p> 不会,只有span> 标签内容不换行。
br> 标签 插入一个换行。
hr> 标签 定义水平线。
文本格式化元素
b> 标签 定义粗体文本。
i> 标签 定义斜体文本。
em> 标签 定义斜体文本。
strong> 标签 定义粗体文本。
strong> 增加了语义。使用strong> 包起来的文本代表重要文本
small> 定义小号字体文本。
sup> 定义上标文本。
sub> 定义下标文本。
bdo> 定义文本的显示方向。该标签可以指定dir属性,该属性的值只能是ltr或者rtl。
语义相关元素
abbr> 用于表示一个缩写。title属性,说明该该缩写代表的全称。
address> 用于表示一个地址。浏览器通常会使用斜体文本来展示。
blockquote> 用于定义一段长文本的引用。浏览器会用缩进的方式显示这段被引用文本。city属性,指定该引用资源网址URL。
q> 用于定义短文本的引用。浏览器默认会添加引号包裹。
blockquote> 与q> 基本相似,不同的是blockquote> 引用的是大段文本、可以换行。q> 引用的是一段不可以换行的小段文本
cite> 用于表示作品的标题。eg:一本书、一部电影、一首歌。浏览器常常以斜体展示。
code> 用于表示一段计算机代码。
DFn> 用于定义一个专业术语。浏览器通常会议粗体或者斜体展示。
del> 定义文档中被删除的文本。文本会有中划线。
ins> 定义文档中被插入的文本。文本会有下划线。cite属性值为一个URL,对应文本解释被删除、插入的原因。datetime属性指定被删除被插入的时间。
PRe> 用于表示该元素表示的文本已经进行了预格式化。也就是说该标签下的文本的空格、回车、tab会被保留下来。
samp> 用于定义示范文本内容。
kbd> 用于定义键盘文本。该元素说明文本是通过键盘输入的。
VAR> 用于定义一个变量。通常浏览器会使用斜体展示。
超链接、列表相关
a> 网页的链接标签。href:关联着另一个资源。target:指定框架中使用哪个框架来装载另一个资源,_self使用自身、_blank新窗口、_top顶层框架、_parent父框架。media:指定目标URL所引用的媒体类型。默认为all,只有指定了href才会有效。
ul> 定义无序列表。该元素的内部只能包含li> 元素。
ol> 定义有序列表。该元素的内部只能包含li> 元素。start:指定列表起始项数据。eg:A、1等。tyPE:使用哪种类型编号。
li> 定义列表项。
dl> 定义列表。可以定义标题。
dt> 定义标题列表项。
dd> 定义普通列表项。
img> 定义图像。src:图像资源URL。alt:指定一段文本作为该图片的提示信息。
table> 用于定义表格。cellpadding:指定单元格内容与单元格边框之间的间距。cellspace:指定单元格之间的间距。width:指定表格的宽度。
caption> 用于定义表格标题。
tr> 定义表格行。只能包含td> 、th> 两种元素。
td> 定义单元格。colspan:该单元格跨多少列。rowspan:该单元格跨多少行。
th> 定义表格页眉单元格。
tbody> 定义表格主体。
thead> 定义表格头。
tfoot> 定义表格脚。
iframe> 定义内联框架。
button> 定义按钮。可以在标签内放置文本、图像。这是该元素与通过 input 元素创建的按钮的不同之处。
datalist> 定义标签选项列表。与input标签配合使用。请使用 input 元素的 list 属性来绑定 datalist。
input id="myCar" list="cars" />
datalist id="cars">
option value="BMW">
option value="Ford">
option value="Volvo">
/datalist>
input> 标签规定用户可输入数据的输入字段。
根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。
textarea> 定义一个文本区域 (text-area) (一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。
optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
option> 标签定义下拉列表中的一个选项。
output> 标签定义不同类型的输出,比如脚本的输出。
menu> 标签定义菜单列表。当希望列出表单控件时使用该标签。
mark> 标签定义带有记号的文本。通常是高亮显示。
figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
HTML5 基本的标签
html> 标签 它是html文档的根元素。但是html5允许完全省略这个元素。
head> 标签 它是用于定义html文档的头部。但是html5允许完全省略这个元素。
title> 标签 它是用于定义html页面的标题。
body> 标签 它是用于定义html的页面主体部分。该标签可以指定id、class、style、等核心属性。还可以指定onload、onunload、onclick等事件属性。
style> 标签 该元素用于引用样式的定义。
h1> ~h6> 标签 定义标题一到标题六。
p> 标签 定义段落,该标签可以指定id、class、style等核心属性。
span> 标签 与p> 标签基本相似 该标签内容默认不会换行。
p> 标签是块标签,p> 标签也是块标签,span> 的内联标签。这三个都是容器标签。不同是p> 会自带的有段落间距,p> 不会,只有span> 标签内容不换行。
br> 标签 插入一个换行。
hr> 标签 定义水平线。
文本格式化元素
b> 标签 定义粗体文本。
i> 标签 定义斜体文本。
em> 标签 定义斜体文本。
strong> 标签 定义粗体文本。
strong> 增加了语义。使用strong> 包起来的文本代表重要文本
small> 定义小号字体文本。
sup> 定义上标文本。
sub> 定义下标文本。
bdo> 定义文本的显示方向。该标签可以指定dir属性,该属性的值只能是ltr或者rtl。
语义相关元素
abbr> 用于表示一个缩写。title属性,说明该该缩写代表的全称。
address> 用于表示一个地址。浏览器通常会使用斜体文本来展示。
blockquote> 用于定义一段长文本的引用。浏览器会用缩进的方式显示这段被引用文本。city属性,指定该引用资源网址URL。
q> 用于定义短文本的引用。浏览器默认会添加引号包裹。
blockquote> 与q> 基本相似,不同的是blockquote> 引用的是大段文本、可以换行。q> 引用的是一段不可以换行的小段文本
cite> 用于表示作品的标题。eg:一本书、一部电影、一首歌。浏览器常常以斜体展示。
code> 用于表示一段计算机代码。
dfn> 用于定义一个专业术语。浏览器通常会议粗体或者斜体展示。
del> 定义文档中被删除的文本。文本会有中划线。
ins> 定义文档中被插入的文本。文本会有下划线。cite属性值为一个URL,对应文本解释被删除、插入的原因。datetime属性指定被删除被插入的时间。
pre> 用于表示该元素表示的文本已经进行了预格式化。也就是说该标签下的文本的空格、回车、tab会被保留下来。
samp> 用于定义示范文本内容。
kbd> 用于定义键盘文本。该元素说明文本是通过键盘输入的。
var> 用于定义一个变量。通常浏览器会使用斜体展示。
超链接、列表相关
a> 网页的链接标签。href:关联着另一个资源。target:指定框架中使用哪个框架来装载另一个资源,_self使用自身、_blank新窗口、_top顶层框架、_parent父框架。media:指定目标URL所引用的媒体类型。默认为all,只有指定了href才会有效。
ul> 定义无序列表。该元素的内部只能包含li> 元素。
ol> 定义有序列表。该元素的内部只能包含li> 元素。start:指定列表起始项数据。eg:A、1等。type:使用哪种类型编号。
li> 定义列表项。
dl> 定义列表。可以定义标题。
dt> 定义标题列表项。
dd> 定义普通列表项。
img> 定义图像。src:图像资源URL。alt:指定一段文本作为该图片的提示信息。
table> 用于定义表格。cellpadding:指定单元格内容与单元格边框之间的间距。cellspace:指定单元格之间的间距。width:指定表格的宽度。
caption> 用于定义表格标题。
tr> 定义表格行。只能包含td> 、th> 两种元素。
td> 定义单元格。colspan:该单元格跨多少列。rowspan:该单元格跨多少行。
th> 定义表格页眉单元格。
tbody> 定义表格主体。
thead> 定义表格头。
tfoot> 定义表格脚。
iframe> 定义内联框架。
button> 定义按钮。可以在标签内放置文本、图像。这是该元素与通过 input 元素创建的按钮的不同之处。
datalist> 定义标签选项列表。与input标签配合使用。请使用 input 元素的 list 属性来绑定 datalist。
input id="myCar" list="cars" />
datalist id="cars">
option value="BMW">
option value="Ford">
option value="Volvo">
/datalist>
input> 标签规定用户可输入数据的输入字段。
根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。
textarea> 定义一个文本区域 (text-area) (一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。
optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
option> 标签定义下拉列表中的一个选项。
output> 标签定义不同类型的输出,比如脚本的输出。
menu> 标签定义菜单列表。当希望列出表单控件时使用该标签。
mark> 标签定义带有记号的文本。通常是高亮显示。
figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5基本标签总结
本文地址: https://pptw.com/jishu/587121.html