HTML学习day03

HTML 引用

---

实例

<p>WWF的目标是：<q>构建人与自然和谐共存的世界</q></p>

效果

WWF的目标是：构建人与自然和谐共存的世界

长引用

---

实例

<p>以下内容引用自WWF的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF一直致力于保护自然界的未来。
世界领先的环保组织，WWF工作于100个国家。
并得到美国一百二十万会员及全球进五百万会员的支持 。
</blockquote>

效果

以下内容引用自WWF的网站：

五十年来，WWF一直致力于保护自然界的未来。 世界领先的环保组织，WWF工作于100个国家。 并得到美国一百二十万会员及全球进五百万会员的支持 。

用于定义的HTML

---

HTML 的dfn元素定义项目或缩写的定义。 1.如果设置了dfn的title属性，则定义项目

实例

<p><dfn title="World Health Organizaion">WHO</dfn>成立于1948年。</p>

效果

WHO成立于1948年。

2.如果dfn元素包含具有标题的abbr元素，则title定义项目

实例

<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn>成立于1948年</p>

效果

WHO成立于1948年

几种计算机代码元素

---

实例

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }\
</code>

<p><kbd>File |Open ....</kbd></p>

<p>Coding Example:</p>

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

效果

demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189 var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }\

File |Open ....

Coding Example:

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

HTML 变量格式化

---

实例

<p>Einstein wrote:</p>

<p><var>E = m c<sup>2</sup></var></p>

效果

Einstein wrote:

E = m c²

HTML 注释

<!-- more -->