HTML学习之HTML引用

 时间:2024-10-14 00:03:28

1、HTML <q> 用于短的引用HTML<q>元素定义短的引用。浏览器通常会为 <q> 元素包围引号。<!DOCTYPE html><html><body><p>浏览器通常会在 q 元素周围包围引号。</p><p>WWF 的目标是 <q>构建人与自然和谐相处的世界。</q></p></body></html>

HTML学习之HTML引用

2、用于长引用的 HTML <blockquote>HTML<blockquote>元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。<!DOCTYPE html><html><body><p>浏览器通常会对 blockquote 元素进行缩进处理。</p><blockquote cite="http://www.worldwildlife.org/who/index.html">五十年来,WWF 一直致力于保护自然界的未来。WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五百万会员的支持。</blockquote></body></html>

HTML学习之HTML引用

3、用于缩略词的 HTML <abbr>HTML<abbr>元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。<!DOCTYPE html><html><body><p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p><p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p></body></html>

HTML学习之HTML引用

4、用于定义的 HTML <dfn>HTML<dfn>元素定义项目或缩写的定义。<dfn> 的用法,按照 HTML5 标准中的描述,有点复杂:1. 如果设置了 <dfn> 元素的 title 属性,则定义项目:如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:否则,<dfn> 文本内容即是项目,并且父元素包含定义。<!DOCTYPE html><html><body><p>The<dfn>WHO</dfn> World Health Organization was founded in 1948.</p><p>对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。</p></body></html>

HTML学习之HTML引用

5、用于联系信息的 HTML <address>HTML<address>元素定义文档或文章的联系信息(作者/拥有者)。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。<!DOCTYPE html><html><body><p>HTML address 元素定义文档或文章的联系信息(作者/拥有者)。</p><address>Written by Jon Doe.<br>Visit us at:<br>Example.com<br>Box 564, Disneyland<br>USA</address></body></html>

HTML学习之HTML引用

6、用于著作标题的 HTML <cite>HTML<cite>元素定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。<!DOCTYPE html><html><body><p>HTML cite 元素定义著作的标题。</p><p>浏览器通常会以斜体显示 cite 元素。</p><img src="img_the_scream.jpg" width="220" height="277" alt="The Scream"><p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p></body></html>

HTML学习之HTML引用

7、用于双向重写的 HTML <bdo>HTML<bdo>元素定义双流向覆盖(bi-directional override)。<bdo> 元素用于覆盖当前文本方向:<!DOCTYPE html><html><body><p>如果您的浏览器支持 bdo,则文本将从左向左进行书写 (rtl):</p><bdo dir="rtl">This line will be written from right to left</bdo></body></html>

HTML学习之HTML引用
  • vs写完代码怎么运行
  • 怎么用visualstudio
  • VB随机产生一批数,并找出最大值、最小值。
  • typora如何调出代码
  • 用PrintScreen键截取电脑屏幕没反应,如何处理
  • 热门搜索
    电子手抄报背景 团结手抄报 最漂亮的手抄报花边 勤俭节约手抄报内容 爱劳动手抄报内容 消防知识手抄报图片 快乐英语手抄报内容 手抄报内容怎么写 好书我推荐手抄报 低碳环保我先行手抄报