第三章 Web页面建设

时间:2024-05-31 09:05:14

认识<q>元素:

  简短的引用。

  问:你去掉了双引号,换成了一个<q>元素,只是为了显示双引号?这样不是更复杂了吗?

  答:不。在增加<q>元素之前,浏览器只知道这是一个文本段落,其中包含一些双引号字符。而现在,由于我们使用了<q>元素,浏览器知道了这些文字是真正的引用。那又如何呢?嗯,既然浏览器知道这是一个引用,它就能用最合适的方式来显示。有些浏览器会在文本两边显示双引号,有些则不会,另外如果浏览器使用非英语语言,可能还会使用其他方法。在其他情况下如搜索引擎可能要搜索包含引用的网页。页面中增加结构和含义绝对是有意义的。

      最重要的一个原因是,你可以对引用设置样式,使它的外观如你所愿

<blockquote>

  长引用。

  创建单独的一个文本块,还把文字稍稍缩进。。

实际上就像一个新段落

  可以嵌套

<q>和<blockquote>迷案的真相

  <blockquote>和<q>实际上是两类不同的元素。<blockquote>元素是一个块<block>元素,而<q>元素是一个内联(inline)元素。有什么区别吗?块元素显示时就好像前后各有一个换行,而内联元素在页面文本流中总会在“行内”出现。

  块元素:特立独行------例如<h1>..<p>  <blockquote>

  内联元素:随波逐流------例如<q> <a> <em>

  块元素通常用作Web页面中的主要构建模块,而内联元素往往用来标记小段内容。设计一个页面时,一般先从较大的块开始,然后在完善页面时再加入内联元素。

<br>没有任何内容,甚至还没有结束标记,它算是一个元素么?

  的确,它没有内容。我们使用简写来表示这个元素。之所以用简写不是因为懒惰,更多的是为了提高效率。

  <br>并不是唯一没有实际内容的元素,还有很多类似这样的元素,我们把这些元素叫做“void”元素。例如<img>元素也是void元素(vodi意思是“无值”)

  世界上有两类元素:正常元素和void元素

两步轻松构件HTML列表

  第一步:将每个列表项放在一个<li>元素中

  第二部:用<ol>或<ul>元素包围列表项

  unordered list=ul

  ordered list=ol

  list item=li

  问:<ol>和<li>总要一起使用吗?

  答:对。列表实际上就是一组列表项:<li>元素用来标识每个元素,<ol>元素把它们归为一组。

  问:能把文本或其他元素放在<ol>或<ul>元素里吗?

  答:不行。它们设计为只包含<li>元素

字符实体

  例1:>字符的缩写是&gt;

    <字符的缩写是&lt;

    假如你希望在页面中输入“The <html> element rocks.”通过使用字符实体,可以这样输入:

    The &lt;html&gt; element rocks

  例2:还有一个特殊字符需要知道,这就是&字符(与字符)。如果希望HTML内容中出现一个&,则可以使用字符实体&amp;  而不要直接使用字符&。&之所以特殊,是因为它是所有实体的第一个字符。

  例3:版权符号是&copyright;

  常用字符实体

  问:我在www.w3schools.com上查看了字符实体,注意到每个实体还有一个编号。这个编号做什么用?

  答:你可以在HTML中使用这个编号,比如&#100,也可以使用实体名,它们的作用都是一样的。

<strong>使用这个元素来标记你希望特别强调的文本

<time>这个元素告诉浏览器这个内容是一个日期或时间

<pre>希望浏览器按你输入的方式原样显示文本时,使用这个元素来指定文本的格式。

注意:

  开始输入内容之前要规划好Web页面的结构。首先画出一个草图,然后创建一个略图,最后再写出HTML

  规划页面时,首先设计大的块元素,然后用内联元素完善

  记住,要尽可能使用元素来告诉浏览器你的内容的含义。