Head First HTML与CSS 笔记 part3

web页面建设

认识< q > 元素

如果想在html中加一段简短的引用，则可以使用< q >元素

<p>
You never know when you'll need a good quote,how about <q> To be or not to be </q> ,or <q> Whenerver you go,there you are</q>
</p>

但需要注意的是并不是所有浏览器都会在< q > 元素的内容两边加双引号。
< q >元素使得页面更加结构化，更具有意义

认识< blockquote >元素

< q >元素用于短引用，是个内联元素，作为现有段落的一部分，而< blockquote > 元素是个块元素，用于较长的引用，需要单独显示，相当于另起一段
在< blockquote >中嵌套< p > 元素可以实现分段
在< blockquote >中嵌套< q > 元素可以引用
< blockquote > 在有些浏览器中会缩进，在有些中不会缩进
块元素用于web页面的主要构建页面，而内联元素常常用来标记小段内容

认识< br >元素

< br >元素是一个没有任何内容的元素，也没有结束标记，它用于换行.
< br >这种没有内容和结束标记的元素称为void元素，这是一种方便的简写形式，可以减少html中的标记数量。< img > 元素也是一个void元素

<p>
<blockquote>
Passing cars,<br>
When you can't see,<br>
May get you,<br>
A glimpse,<br>
Of eternity.<br>
</blocekquote>
</p>

认识< ol >或者< ul > 元素和< li >元素

ol=ordered list
ul=unordered list
li=list item
当需要创建列表时需要这些元素
< ol >和< li >或者< ul >和< li >总是要一起使用，如果分离开就没有意义了
除了< li >元素，不能把其他元素放入< ol >或者< ol >里。
当然可以在列表中嵌套列表，即在< li >元素中嵌套< ol > 或者< ul >元素

首先将每一个列表项放在一个< li > 元素中
再用 < ol >或者< ul >包围列表项，其中< ol >表示有序显示< ul >表示无序显示

<ol>
<li>Walla Walla,WA</li>
<li>Magic City,ID</li>
<li>Bountiful,UT</li>
</ol>

特殊字符的字符实体

使用字符实体来指定特殊字符，如< 写成&lt, >写成&gt 等

认识一些其他的元素

< code >元素用于显示计算机程序代码
< time >告诉浏览器这是一个日期或者时间，或者同时包含日期和时间
< em >标记希望特别强调的内容,斜体强调，把文本定义为强调的内容
< strong >标记希望特别强调的内容,粗体强调，在语气上表示为更强烈的语气
< pre > 希望浏览器按你希望的方式原样显示文本，使用这个元素来指定文本的格式