• 第三章 Web页面建设


    认识<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

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

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

      

    保持对斗争的信仰!
  • 相关阅读:
    数据结构与算法题目集(中文)7-25 朋友圈 (25分) 并查集
    数据结构与算法题目集(中文)7-24 树种统计 (25分)
    数据结构与算法题目集(中文)7-23 还原二叉树 (25分)
    数据结构与算法题目集(中文)7-22 堆栈模拟队列 (25分)
    数据结构与算法题目集(中文)7-21 求前缀表达式的值 (25分)
    [SDOI2018]反回文串
    ARC 064 F-Rotated Palindromes
    AGC014-F Strange Sorting
    AGC011-E Increasing Numbers
    AGC011-C Squared Graph
  • 原文地址:https://www.cnblogs.com/start20180703/p/9262677.html
Copyright © 2020-2023  润新知