位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 2.7.3 HTML 引文, 引用, 及标签定义
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 2.7.2 HTML 计算机输出标签 下一篇: 2.8 HTML 链接 a标签

常用标签和意义

标签

描述

<abbr>

定义缩写

<address>

定义地址

<bdo>

定义文字方向

<blockquote>

定义长的引用

<q>

定义短的引用语

<cite>

定义引用、引证

abbr 标签

<abbr> 标签用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"

通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>abbr 标签</title>
</head>
<body>
     <p><abbr title="Huang Ju Hua">HJH</abbr> 是名字的缩写!</p>
</body>
</html>

效果如图2-12

image.png


address 标签

<address> 标签定义文档小白教程网作者/所有者的联系信息。

如果 <address> 元素位于 <body> 元素内部,则它表示该文档小白教程网作者/所有者的联系信息。

如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。

<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

提示:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。

提示:<address> 元素通常被包含在 <footer> 元素的其他信息中。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>address 标签</title>
</head>
<body>
     <address>
     作者<a href="mailto:45157718@qq.com">黄菊华</a>.<br>
     浙江杭州东港路118号<br>
     中国
     </address>
</body>
</html>

效果如图2-13

image.png


bdo 标签

bdo 指的是 bidi 覆盖(Bi-Directional Override)。

<bdo> 标签用来覆盖默认的文本方向。属性如下:

属性

描述

dir

ltr
  rtl

必需。规定 <bdo> 元素内的文本方向。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>bdo 标签</title>
</head>
<body>
     <p>该段落文字从左到右显示。</p> 
     <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p> 
 </body>
</html>

效果如图2-14

image.png

blockquote 标签

<blockquote> 标签定义摘自另一个源的块引用。

浏览器通常会对 <blockquote> 元素进行缩进。

提示:如果标记是不需要段落分隔的短引用,请使用 <q>,属性如下:

属性

描述

cite

URL

规定引用的来源。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>blockquote 标签</title>
</head>
<body>
     <h1>blockquote 标签</h1>
     <p>下面是我们引用的内容:</p>
     <blockquote cite="http://www.4317.org">
             blockquote标签定义摘自另一个源的块引用。浏览器通常会对blockquote元素进行缩进。
     </blockquote>
 </body>
</html>

效果如图2-15

image.png

q 标签

<q> 标签定义一个短的引用。

浏览器经常会在这种引用的周围插入引号。

提示:请使用 <blockquote> 来标记摘自另一个源的块引用,属性如下:

属性

描述

cite

URL

规定引用的源 URL。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>q 标签</title>
</head>
<body>
     <p>q 标签:
             <q>q标签定义一个短的引用。浏览器经常会在这种引用的周围插入引号</q>,
             前面是引用内容。
     </p>
</body>
</html>

效果如图2-16

image.png

cite 标签

<cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。

注释:人名不属于作品的标题。

HTML 4.01 HTML5之间的差异

HTML5 中,<cite> 标签定义作品的标题。

HTML 4.01 中,<cite> 标签定义一个引用。

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cite 标签</title>
</head>
<body>
     <h2>HTML从入门到精通</h2>
     <p><cite>图书作者</cite> 黄菊华 于 浙江杭州</p>
 </body>
</html>

效果如图图2-17

image.png


上一篇: 2.7.2 HTML 计算机输出标签 下一篇: 2.8 HTML 链接 a标签
毕业设计网             广告联系QQ:45157718(微信同号)