zoukankan      html  css  js  c++  java
  • HTML 中级

    abbr(表示它所包含的文本是一个更长的单词或短语的缩写形式):

      

    <p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr>.</p>

    当我们鼠标掠过HTML会显示HyperText Markup Language          效果:

    blockquote and q

    <blockquote> 标签定义摘自另一个源的块引用。

    <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

    ):

    <p>So I asked Bob about quotations on the Web and he said <q>I know as much about quotations as I do about pigeon fancying</q>. Luckily, I found HTML Dog and it said:</p>
    <blockquote cite="http://www.htmldog.com/guides/html/intermediate/text/">
        <p>blockquote and q are used for quotations. blockquote is generally used for standalone often multi-line quotations whereas q is used for shorter, in-line quotations.</p>
    </blockquote>

    效果:

      

     cite(非属性,标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题):

    <p>According to <cite>the Bible</cite>, after six days God said <q>screw this for a lark, I'm having a nap</q>.</p>

    <meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

    <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

    它使字符集的定义更加容易。
    <meta charset="ISO-8859-1">
    定义针对搜索引擎的关键词:
    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
    定义对页面的描述:
    <meta name="description" content="免费的 web 技术教程。" />
    定义页面的最新版本:
    <meta name="revised" content="David, 2008/8/8/" />
    每 5 秒刷新一次页面:
    <meta http-equiv="refresh" content="5" />

    <table>

    <table>
        <tr>
            table的head
            <th>Column 1 heading</th>
            <th>Column 2 heading</th>
            <th>Column 3 heading</th>
        </tr>
        <tr>
            <td>Row 2, cell 1</td>
            <td colspan="2">Row 2, cell 2, also spanning Row 2, cell 3</td>
        </tr>
        <tr>
            <td rowspan="2">Row 3, cell 1, also spanning Row 4, cell 1</td>
            <td>Row 3, cell 2</td>
            <td>Row 3, cell 3</td>
        </tr>
        <tr>
            <td>Row 4, cell 2</td>
            <td>Row 4, cell 3</td>
        </tr>
    </table>

    <dl> 标签定义一个定义列表(definition list)。

    <dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。

    <address> 标签定义文档作者或拥有者的联系信息。

    如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者或拥有者的联系信息。

    通常的做法是将 address 元素添加到网页的头部或底部。

    <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

    定义和用法

    以下元素都是短语元素。并不反对使用它们,但是通过使用样式表,可能取得更丰富的效果。

    <em> 呈现为被强调的文本。
    <strong> 定义重要的文本。
    <dfn> 定义一个定义项目。
    <code> 定义计算机代码文本。
    <samp> 定义样本文本。
    <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
    <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
    <cite> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。
  • 相关阅读:
    intellij idea 为JavaEE项目建立Servlet
    DNS无响应
    取消Gridvie中button的焦点
    android.os.NetworkOnMainThreadException
    java.net.MalformedURLException: Protocol not found:
    Failure [INSTALL_FAILED_OLDER_SDK]
    android library projects cannot be launched
    CDQ分治的嵌套
    CDQ分治入门
    最远 Manhattan 距离
  • 原文地址:https://www.cnblogs.com/linuxroot/p/3175532.html
Copyright © 2011-2022 走看看