html入门2

<b> <strong>//都显示为加粗
<i> <em>//都显示为斜体

两者效果一样，但表达的意义不一样
strong 或者 em意味着你要呈现的文本是重要的，所以要突出显示。
在显示上，这两个标签都可是加粗文本，呢么为什么会有两个功能”相同”的标签呢？而且好像 strong 并非个例。
首先，这两个并非完全相同。比如，如果使用网页阅读器阅读网页（盲人使用），strong 会重读，b 则不会。
其次，从起源上来说，strong 是为了在未来建设语义网而诞生的。应该知道的是，html 是负责显示的标记，不能表示语义。也就是说，浏览器知道这个标签如何显示，而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。

昨天有讲到过
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
那么我如果要显示连续空格的话就需要用到

<pre>
此例演示如何使用 pre 标签
对空行和                        空格
进行控制
</pre>

能够让源代码按照原格式显示

一些其他的格式

<code>计算机输出</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br />

运行结果如下：

计算机输出


键盘输入


打字机文本


计算机代码样本


计算机变量

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>

<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>

<p>仅对于 IE 5 中的 acronym 元素有效。</p>

<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

etc.


WWW

在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。

仅对于 IE 5 中的 acronym 元素有效。

对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

<p>该段落文字从左到右显示。</p>  
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>  

该段落文字从左到右显示。

该段落文字从右到左显示。

感觉就是多了一个冒号，表示引用

<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

WWF’s goal is to: Build a future where people live in harmony with nature. We hope they succeed.

这个挺有意思的，就像表情包一样

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

My favorite color is blue red!