html标签.docx
- 文档编号:9958331
- 上传时间:2023-02-07
- 格式:DOCX
- 页数:53
- 大小:71.78KB
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属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)
在所有浏览器中,链接的默认外观是:
∙未被访问的链接带有下划线而且是蓝色的
∙已被访问的链接带有下划线而且是紫色的
∙活动链接带有下划线而且是红色的
提示:
您可能已经注意到了,W3School站点内的链接外观与默认的链接外观非常不同。
您可以使用CSS伪类向文本超链接添加复杂而多样的样式。
3定义和用法
表示一个缩写形式,比如"Inc."、"etc."。
通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
标签最初是在HTML4.0中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。
浏览器可能会根据这个信息改变对这些文本的显示方式,或者用其他文本代替。
也许当前流行的浏览器对标签中包含的文本还没有任何处理方式,但是我们无法预测将来的版本将会如何实现该标签。
实例
标记一个缩写:
4.
定义和用法
元素可定义只取首字母缩写,比如"NATO"。
通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
实例
标记一个首字母缩写:
亲自试一试
5定义和用法
可定义一个地址(比如电子邮件地址)。您应当使用它来定义地址、签名或者文档的作者身份。
不论创建的文档是简短扼要还是冗长完整,都应该确保每个文档都附加了一个地址,这样做不仅为读者提供了反馈的渠道,还可以增加文档的可信度。
实例
假设作为一名W3School用户服务的工作人员,他的地址可以这样进行标记:
service@">用户服务信箱 上海赢科投资有限公司 金桥开发区789号
亲自试一试
6.定义和用法
标签定义图像映射中的区域(注:
图像映射指得是带有可点击区域的图像)。
area元素总是嵌套在
注释:
标签中的usemap属性与map元素name属性相关联,创建图像与映射之间的联系。
实例
带有可点击区域的图像映射:
TIY
7定义和用法
以下的元素均是字体样式元素。
我们并不被反对使用这些标签。
但是如果您只是希望通过这些标签单纯地改变文本的样式,建议您使用样式表来取得更加丰富的效果。
呈现类似打字机或者等宽的文本效果。
显示斜体文本效果。
呈现粗体文本效果。
呈现大号字体效果。
呈现小号字体效果。
8定义和用法
通常情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用
浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。
这其中包括、、、
实例
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。
这其中包括、、、
实例
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
定义和用法:定义文档中已删除的文本adozenis
2012pieces24定义和用法
标签定义目录列表。 实例
目录列表:
HTML XHTML CSS 25定义和用法
可定义文档中的分区或节(division/section)。标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用id或class来标记
,那么该标签的作用会变得更加有效。用法
是一个块级元素。这意味着它的内容自动地开始一个新行。
实际上,换行是
固有的唯一格式表现。可以通过
的class或id应用额外的样式。不必为每一个
都加上类或id,虽然这样做也有一定的好处。可以对同一个
元素应用class或id属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class用于元素组(类似的元素,或者可以理解为某一类元素),而id用于标识单独的唯一的元素。
实例
文档中的一个部分会显示为绿色:
#00FF00">
Thisisaheader
Thisisaparagraph.
TIY
26
标签定义了定义列表。
实例
- 计算机
- 用来计算的仪器......
- 显示器
- 以视觉方式显示信息的装置......
亲自试一试
27
定义和用法
- 标签定义了定义列表中的项目(即术语部分)。
实例
- 计算机
- 用来计算的仪器......
- 显示器
- 以视觉方式显示信息的装置......
28
把文本定义为强调的内容
29HTML
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 标签
冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1