HTML学习笔记（二）

HTML 引用

1、HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号。

<p>感谢大家浏览我的 <q>HTML学习笔记</q></p>

演示效果

2、HTML <blockquote> 元素定义用于长的引用、定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。

<p>浏览器通常会对 blockquote 元素进行缩进处理。</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
当恩怨各一半，我怎么圈揽<br/>
看灯笼血红染，寻仇已太晚<br/>
月下门童喟叹，昨夜太平长安<br/><br/>
当天上星河转，我命已定盘<br/>
待绝笔墨痕干，宿敌已来犯<br/>
我借你的孤单，今生恐怕难还<br/>
</blockquote>

演示效果

 

3、HTML <abbr> 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

<p><abbr title="Chinese Software Developer Network">CSDN</abbr> 创建于1999年。</p>

演示效果

 

4、HTML <dfn> 元素定义项目或缩写的定义。

• 用法一：设置了 <dfn> 元素的 title 属性

<p><dfn title="Chinese Software Developer Network">CSDN</dfn> 成立于1999年。</p>

演示效果

 

• 用法二：<dfn> 元素包含具有标题的 <abbr> 元素

<p><dfn><abbr title="Chinese Software Developer Network">CSDN</abbr></dfn> 成立于1999年。</p>

演示效果

 

• 其余情况，<dfn> 文本内容即是项目，并且父元素包含定义

<p><dfn>CSDN</dfn> “Chinese Software Developer Network” 成立于1999年。</p>

演示效果

 

5、HTML <address> 元素定义文档或文章的联系信息（作者/拥有者）。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

<p>《三体》作者介绍：</p>
<address>
刘慈欣.<br> 
1963年6月出生于北京<br>
祖籍河南省信阳市罗山<br>
山西人
</address>

演示效果

 

 6、HTML <cite> 元素定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。

<p>HTML cite 元素定义著作的标题。</p>
<p>浏览器通常会以斜体显示 cite 元素。</p>
<p><cite>《三体》</cite> 是刘慈欣创作的系列长篇科幻小说。</p>

演示效果

 

 7、HTML *<bdo>* 元素定义双流向覆盖（bi-directional override）。<bdo> 元素用于覆盖当前文本方向。

<p>文本从右向左进行输出 (rtl)：</p>

<bdo dir="rtl">我爱你你爱我蜜雪冰城甜蜜蜜~~~</bdo>
<p>文本从左向右进行输出 (ltr)：</p>

<bdo dir="ltr">我爱你你爱我蜜雪冰城甜蜜蜜~~~</bdo>

演示效果

 

HTML 颜色

所有颜色由红色、绿色、蓝色三色混合而成。

颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。

每种颜色的最小值是 0（十六进制：#00）。最大值是 255（十六进制：#FF）。