html标签.docx
《html标签.docx》由会员分享，可在线阅读，更多相关《html标签.docx（53页珍藏版）》请在冰豆网上搜索。
html标签
1定义和用法
DOCTYPE>声明位于文档中的最前面的位置，处于标签之前。
此标签可告知浏览器文档使用哪种HTML或XHTML规范。
该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。
以下面这个
DOCTYPE>标签为例：
DOCTYPEhtml
PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在上面的声明中，声明了文档的根元素是html，它在公共标识符被定义为"-//W3C//DTDXHTML1.0Strict//EN"的DTD中进行了定义。
浏览器将明白如何寻找匹配此公共标识符的DTD。
如果找不到，浏览器将使用公共标识符后面的URL作为寻找DTD的位置。
2.定义和用法
标签可定义锚。
锚（anchor）有两种用法：
∙通过使用href属性，创建指向另外一个文档的链接（或超链接）
∙通过使用name或id属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）
元素最重要的属性是href属性，它指定链接的目标。
在所有浏览器中，链接的默认外观是：
∙未被访问的链接带有下划线而且是蓝色的
∙已被访问的链接带有下划线而且是紫色的
∙活动链接带有下划线而且是红色的
提示：
您可能已经注意到了，W3School站点内的链接外观与默认的链接外观非常不同。
您可以使用CSS伪类向文本超链接添加复杂而多样的样式。
3定义和用法
表示一个缩写形式，比如"Inc."、"etc."。
通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
标签最初是在HTML4.0中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。
浏览器可能会根据这个信息改变对这些文本的显示方式，或者用其他文本代替。
也许当前流行的浏览器对标签中包含的文本还没有任何处理方式，但是我们无法预测将来的版本将会如何实现该标签。
实例
标记一个缩写：
etc.
4.
定义和用法
元素可定义只取首字母缩写，比如"NATO"。
通过对只取首字母缩写进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
实例
标记一个首字母缩写：
WWW
亲自试一试
5定义和用法
可定义一个地址（比如电子邮件地址）。您应当使用它来定义地址、签名或者文档的作者身份。
不论创建的文档是简短扼要还是冗长完整，都应该确保每个文档都附加了一个地址，这样做不仅为读者提供了反馈的渠道，还可以增加文档的可信度。
实例
假设作为一名W3School用户服务的工作人员，他的地址可以这样进行标记：
service@">用户服务信箱
上海赢科投资有限公司
金桥开发区789号
亲自试一试
6.定义和用法
标签定义图像映射中的区域（注：
图像映射指得是带有可点击区域的图像）。
area元素总是嵌套在
注释：
![]()
标签中的usemap属性与map元素name属性相关联，创建图像与映射之间的联系。
实例
带有可点击区域的图像映射：
TIY
7定义和用法
以下的元素均是字体样式元素。
我们并不被反对使用这些标签。
但是如果您只是希望通过这些标签单纯地改变文本的样式，建议您使用样式表来取得更加丰富的效果。
呈现类似打字机或者等宽的文本效果。
显示斜体文本效果。
呈现粗体文本效果。
呈现大号字体效果。
呈现小号字体效果。
8定义和用法
标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用标签可以改变这一点。
浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。
这其中包括、![]()
、、
实例
W3School
TIY
9定义和用法
标签定义基准字体。
该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
实例
规定页面上的默认字体颜色和字号：
Thisisaheader
Thisisaparagraph
10定义和用法
bdo元素可覆盖默认的文本方向。
HTML与XHTML之间的差异
NONE
可选的属性
DTD指示此属性允许在哪种DTD中使用。
S=Strict,T=Transitional,F=Frameset.
属性
值
描述
DTD
dir
∙ltr
∙rtl
定义文字的方向
STF
标准属性
11
定义和用法
以下的元素均是字体样式元素。
我们并不被反对使用这些标签。
但是如果您只是希望通过这些标签单纯地改变文本的样式，建议您使用样式表来取得更加丰富的效果。
呈现类似打字机或者等宽的文本效果。
显示斜体文本效果。
呈现粗体文本效果。
呈现大号字体效果。
呈现小号字体效果。
HTML与XHTML之间的差异
无。
定义和用法
标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用标签可以改变这一点。
浏览器随后将不再使用当前文档的URL，而使用指定的基本URL来解析所有的相对URL。
这其中包括、![]()
、、
实例
W3School
TIY
12定义和用法
标签定义基准字体。
该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
实例
规定页面上的默认字体颜色和字号：
Thisisaheader
Thisisaparagraph
TIY
13定义和用法
bdo元素可覆盖默认的文本方向。
HTML与XHTML之间的差异
NONE
可选的属性
DTD指示此属性允许在哪种DTD中使用。
S=Strict,T=Transitional,F=Frameset.
属性
值
描述
DTD
dir
∙ltr
∙rtl
定义文字的方向
STF
标准属性
14.定义和用法
标签定义块引用。与
之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
实例
标记长的引用：
Hereisalongquotationhereisalongquotationhereisalongquotation
hereisalongquotationhereisalongquotationhereisalongquotation
hereisalongquotationhereisalongquotationhereisalongquotation.
15定义和用法
可插入一个简单的换行符。
标签是空标签（意味着它没有结束标签，因此这是错误的：
）。
在XHTML中，把结束标签放在开始标签中，也就是
。
请注意，
标签只是简单地开始新的一行，而当浏览器遇到
标签时，通常会在相邻的段落之间插入一些垂直的间距。
clear属性
如果您希望文本流在内联表格或图像的下一行继续输出，请使用clear属性，该属性有三个可选的值：
left、right或者all，每个值都代表一个边界或两边的边界。
更多有关
标签的clear属性的信息。
HTML与XHTML之间的差异
16定义和用法
在button元素内部，您可以放置内容，比如文本或图像。
这是该元素与使用input元素创建的按钮之间的不同之处。
标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定type属性。
InternetExplorer的默认类型是"button"，而其他浏览器中（包括W3C规范）的默认值是"submit"。
实例
以下代码标记了一个按钮：
ClickMe!
TIY
17定义和用法
caption元素定义表格标题。
caption标签必须紧随table标签之后。
您只能对每个表格定义一个标题。
通常这个标题会被居中于表格之上。
实例
Monthlysavings| Month | Savings |
|---|
| January | $100 |
TIY
17定义和用法
对其所包括的文本进行水平居中。
HTML与XHTML之间的差异
在HTML4.01中，center元素不被赞成使用。
在XHTML1.0StrictDTD中，center元素不被支持。
提示和注释：
注释：
提示：
请使用CSS样式来居中文本！
标准属性
id,class,title,style,dir,lang,xml:
lang
如需完整的描述，请访问标准属性。
18定义和用法
以下元素都是短语元素。
虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。
我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议您使用样式表，那么做会达到更加丰富的效果。
把文本定义为强调的内容。
把文本定义为语气更强的强调的内容。
定义一个定义项目。
定义计算机代码文本。
定义样本文本。
定义键盘文本。
它表示文本是从键盘上键入的。
它经常用在与计算机相关的文档或手册中。
定义变量。
您可以将此标签与
及标签配合使用。定义引用。
可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。
HTML与XHTML之间的差异
19
定义和用法
以下元素都是短语元素。
虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。
我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议您使用样式表，那么做会达到更加丰富的效果。
把文本定义为强调的内容。
把文本定义为语气更强的强调的内容。
定义一个定义项目。
定义计算机代码文本。
定义样本文本。
定义键盘文本。
它表示文本是从键盘上键入的。
它经常用在与计算机相关的文档或手册中。
定义变量。
您可以将此标签与
及标签配合使用。定义引用。
可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。
HTML与XHTML之间的差异
无
20
定义和用法
标签为表格中一个或多个列定义属性值。如需对全部列应用样式，
标签很有用，这样就不需要对各个单元和各行重复应用样式了。您只能在table或colgroup元素中使用
标签。实例
col元素为表格中的三个列规定了不同的对齐方式：
| ISBN | Title | Price |
|---|
| 3476896 | MyfirstHTML | $53 |
21
定义和用法
标签用于对表格中的列进行组合，以便对其进行格式化。如需对全部列应用样式，
标签很有用，这样就不需要对各个单元和各行重复应用样式了。标签只能在table元素中使用。实例
两个colgroup元素为表格中的三列规定了不同的对齐方式和样式（注意第一个colgroup元素横跨两列）：
#0000FF;">
| ISBN | Title | Price |
|---|
| 3476896 | MyfirstHTML | $53 |
TIY
浏览器支持
所有主流浏览器都支持
标签。Firefox、Chrome以及Safari仅支持colgroup元素的span和width属性。
HTML与XHTML之间的差异
NONE
22
定义和用法
在定义列表中定义条目的定义部分。实例
- 计算机
- 用来计算的仪器......
- 显示器
- 以视觉方式显示信息的装置......
亲自试一试
23
定义和用法：
定义文档中已删除的文本adozenis2012pieces
24定义和用法
标签定义目录列表。实例
目录列表：
HTMLXHTMLCSS25定义和用法
可定义文档中的分区或节（division/section）。
标签可以把文档分割为独立的、不同的部分。
它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用id或class来标记
，那么该标签的作用会变得更加有效。
用法
是一个块级元素。
这意味着它的内容自动地开始一个新行。
实际上，换行是
固有的唯一格式表现。
可以通过
的class或id应用额外的样式。
不必为每一个
都加上类或id，虽然这样做也有一定的好处。
可以对同一个
元素应用class或id属性，但是更常见的情况是只应用其中一种。
这两者的主要差异是，class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。
实例
文档中的一个部分会显示为绿色：
#00FF00">
Thisisaheader
Thisisaparagraph.
TIY
26
标签定义了定义列表。实例
- 计算机
- 用来计算的仪器......
- 显示器
- 以视觉方式显示信息的装置......
亲自试一试
27
定义和用法
- 标签定义了定义列表中的项目（即术语部分）。
实例
- 计算机
- 用来计算的仪器......
- 显示器
- 以视觉方式显示信息的装置......
28
把文本定义为强调的内容
29HTML
展开阅读全文
相关搜索