HTML 教程
- 第1节:HTML 导读
- 第2节:HTML 简介
- 第3节:HTML 基础
- 第4节:HTML 元素
- 第5节:HTML 属性
- 第6节:HTML 标题
- 第7节:HTML 段落
- 第8节:HTML 格式化
- 第9节:HTML 链接
- 第10节:HTML 引用
- 第11节:HTML 注释
- 第12节:HTML 头部
- 第13节:HTML ID
- 第14节:HTML CSS
- 第15节:HTML 符号
- 第16节:HTML 图像
- 第17节:HTML 表格
- 第18节:HTML 列表
- 第19节:HTML 区块
- 第20节:HTML 布局
- 第21节:HTML 表单
- 第22节:HTML 框架
- 第23节:HTML 颜色
- 第24节:HTML 颜色名
- 第25节:HTML 颜色值
- 第26节:HTML 脚本
- 第27节:HTML 字符实体
- 第28节:HTML URL
- 第29节:HTML 文件路径
- 第30节:HTML 表情符号
- 第31节:HTML 字符集
- 第32节:HTML 背景
- 第33节:HTML URL字符编码
- 第34节:HTML 文档类型
- 第35节:HTML 媒体(Media)
- 第36节:HTML 插件(Object和Embed)
- 第37节:HTML 音频(Audio)
- 第38节:HTML 视频(Videos)播放
- 第39节:HTML 常用标签
- 第40节:HTML 常用代码
- 第41节:HTML 滚动条样式
- 第42节:HTML版权符号写法及美化
HTML 引用
HTML <q> 用于短的引用
HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号。
实例
<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>
用于长引用的 HTML <blockquote>
HTML <blockquote> 元素定义被引用的节。
浏览器通常会对 <blockquote> 元素进行缩进处理。
实例
<p>以下内容引用自 WWF 的网站:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来,WWF 一直致力于保护自然界的未来。
世界领先的环保组织,WWF 工作于 100 个国家,
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
用于缩略词的 HTML <abbr>
HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
实例
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
用于定义的 HTML <dfn>
HTML <dfn> 元素定义项目或缩写的定义。
<dfn> 的用法,按照 HTML5 标准中的描述,有点复杂:
1. 如果设置了 <dfn> 元素的 title 属性,则定义项目:
实例
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:
实例
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
3. 否则,<dfn> 文本内容即是项目,并且父元素包含定义。
实例
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
注释:如果您希望简而化之,请使用第一条,或使用 <abbr> 代替。
用于联系信息的 HTML <address>
HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
实例
<address>
Written by Donald Duck.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
用于著作标题的 HTML <cite>
HTML <cite> 元素定义著作的标题。
浏览器通常会以斜体显示 <cite> 元素。
实例
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
用于双向重写的 HTML <bdo>
HTML <bdo> 元素定义双流向覆盖(bi-directional override)。
<bdo> 元素用于覆盖当前文本方向:
实例
<bdo dir="rtl">This text will be written from right to left</bdo>