HTML笔记(从w3school学习)(二)

21. HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。

22. HTML <abbr> 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

23. HTML <dfn> 元素定义项目或缩写的定义

     1) 如果设置了 <dfn> 元素的 title 属性,则定义项目:

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

     2) 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:

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

    3) 否则,<dfn> 文本内容即是项目,并且父元素包含定义:

         <p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>

24. HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。

      此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

25. HTML <cite> 元素定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。

26. 用于双向重写的HTML <bdo>

      HTML <bdo> 元素定义双流向覆盖(bi-directional override

      <bdo> 元素用于覆盖当前文本方向:

       <bdo dir="rtl">This text will be written from right to left</bdo>

27. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。

     有三种方式来插入样式 表:

      1) 外部样式表 

         当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,

         你就可以通过更改一个文件来改变整个站点的外观。

      2) 内部样式表

          当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过<style> 标签定义内部样式表。如:

          

          3)内联样式

               当特殊的样式需要应用到个别元素时,就可以使用内联样式。

               使用内联样式的方法是在相关的标签中使用样式属性。

               样式属性可以包含任何CSS 属性。

              

28. HTML 链接语法 <a href=”url”>Link text </a>

      href 属性规定链接的目标。

      开始标签和结束标签之间的文字被作为超级链接来显示。

提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

29. HTML 链接 – target 属性

     使用 Target 属性,你可以定义被链接的文档在何处显示。

   target="_blank" 会在新窗口打开文档。

30. HTML链接 – name属性

      Name 属性规定锚(anchor)的名称。可以使用name 属性创建HTML页面中的书签。

     书签不会以任何特殊方式显示,它对读者是不可见的。

     当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中的某个小节)的链接,

      这样使用者就无需不停地滚动页面来寻找他们需要的信息了

      命名锚的语法:<a name="label">锚(显示在页面上的文本)</a>

      提示:锚的名称可以是任何你喜欢的名字。

      提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效 。

实例:

      首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

      

      然后,我们在同一个文档中创建指向该锚的链接:

      

     您也可以在其他页面中创建指向该锚的链接:

      

    在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips这个命名锚了。

 

 

 

          

   

猜你喜欢

转载自blog.csdn.net/huanhuan8944172/article/details/88038878
今日推荐