zoukankan      html  css  js  c++  java
  • HTML(XHTML)基础知识(二)——【body】

    <body> 

        body 元素是块级元素,而且只能包含块级子元素。

        标准属性:class、dir、id、lang、style、title、xml:lang

    =============================================================

    =  块级元素

    =============================================================

        <p>

            p 元素是块级元素,其中只允许包含文本和行内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <h1>、<h2>、<h3>、<h4>、<h5>、<h6>

            h[n] 元素是块级元素,其中只允许包含文本和行内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <blockquote>

            blockquote,块引用,该元素是块级元素,其中只允许包含块级子元素。

            可选属性:cite,引文的来源URL。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <address>

            address,作者信息标定,该元素是块级元素,其中只允许包含文本和行内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <pre>

            pre,预格式化的段落,该元素是块级元素,其中只允许包含文本和行内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ======================================================

    列表:无序列表、有序列表

    <ul>
        <li>列表项</li>
    </ul>
    
    <ol>
        <li>列表项</li>
    </ol>

        <ul>

            ul,无序列表,该元素是块级元素,其中只允许包含 li 元素。列表内容以圆点等相同的符号开头。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <ol>

            ol,有序列表,该元素是块级元素,其中只允许包含 li 元素。列表内容按顺序,以阿拉伯数字表示的序号开头。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <li>

            li 元素是块级元素,其中只允许包含文本和其他元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ======================================================

    列表:自定义列表

    <dl>
        <dt>标题</dt>
        <dd>内容</dd>
    </dl>

        <dl>

            dl,自定义列表,该元素是块级元素,其中只允许包含 dt、dd 元素,可记忆为数据列表(data list)。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <dt>

            dt 元素是块级元素,其中只允许包含文本和块内元素,可以记忆为数据标题(data title)。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <dd>

            dd 元素是块级元素,其中只允许包含文本和其他元素,可以记忆为数据数据(data data)。

            标准属性:class、dir、id、lang、style、title、xml:lang

    =============================================================

    =  行内元素 / 短语元素,其中只能包含文本和其他行内元素

    =============================================================

        <em>

            em,强调,该元素是块内元素,其中只允许包含文本和其他块内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <strong>

            strong,着重强调,该元素是块内元素,其中只允许包含文本和其他块内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <cite>

            cite,引用,该元素是块内元素,其中只允许包含文本和其他块内元素。由该元素包围的文本一般表现为斜体。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <q>

            q,行内引文,该元素是块内元素,其中只允许包含文本和其他块内元素。由该元素包围的文本一般表现为斜体。

            可选属性:cite,引文的来源 URL

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <dfn>

            dfn,声明定义,该元素是块内元素,其中只允许包含文本和其他块内元素。

    <p>Spaghetti and Cruft offers free wireless broadband internet access so laptop-toting patrons can check their e-mail, publish updates to their <dfn title="short for weblog, a kind of online journal">blogs</dfn>, or even do some honest work.</p>

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <abbr>、<acronym>

            abbr 和 acronym,前者声明广义上的缩写,后者声明首字母缩略词,这两个元素都是块内元素,其中只允许包含文本和其他块内元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <del>、<ins>

            del 和 ins,前者声明删除的内容,后者声明新插入的内容,这两个元素都是块内元素,其中只允许包含文本和其他块内元素。

            可选属性:cite,有关修改原因的文档的 URL;datetime,修改日期/时间。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <bdo>

            bdo,用于把一段文本的方向规定为与周围文本的方向相反,该元素是块内元素,其中只允许包含文本和其他块内元素。

            必需属性:dir,文本方向,rtl 或 ltr。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <code>、<kbd>、<samp>、<var>

            声明程序代码,这些元素都是块内元素,其中只允许包含文本和其他块内元素。由该元素包围的文本一般表现为等宽字体。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <br>

            br,换行,该元素是块内元素,是一个空元素,用 /> 闭合。

            可选属性:cite,引文的来源 URL

            标准属性:class、id、style、title

    ------------------------------------------------------

        <hr>

            br, 横线,分隔线,该元素是块内元素,是一个空元素,用 /> 闭合。

            可选属性:cite,引文的来源 URL

            标准属性:class、id、style、title

    =============================================================

    =  表现性元素,行内元素,用于修饰文本

    =============================================================

        <i> 斜体

        <b> 加粗

        <tt> 等宽

        <sup> 上标

        <sub> 下标

    =============================================================

    =  多用途元素

    =============================================================

        <div>

            div,块、层,用于组织内容,该元素是块级元素,其中只允许包含文本和其他元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <span>

            span,面板,文本块,常用于指定文本,该元素是块内元素,其中只允许包含文本和其他元素。

            标准属性:class、dir、id、lang、style、title、xml:lang

    =============================================================

    =  嵌入外部内容

    =============================================================

        <object>

            object 元素是块级元素,其中只允许包含文本和行内元素。

            可选属性:archive,classid、codebase、codetype、data、declare、height、standby、tabindex、type、usemap、width

            标准属性:class、dir、id、lang、style、title、xml:lang

    ------------------------------------------------------

        <param>

            param 元素嵌套在 object 元素中,用于定义对象参数和赋值,该元素为空元素,用 /> 结尾。

            必需属性:name,参数名称

            可选属性:type,参数内容的类型;value,name 属性所指的参数的值;valuetype,value 属性的类型,如 data、ref、object。

            标准属性:id

    =========================================

    字体设置举例

    <body>
        font-family: "Times New Roman", Arial;
        font-size: 12px;
        line-height: 1.5 em;
    </body>

    列表样式设置

    ul {
        list-style-type: square;
        /* circle、disc、none */
        list-style-image: url("/images/mybullet.gif");
    }
    
    ol {
        list-style-type: upper-roman;
        /* lower-roman、upper-alpha、lower-alpha、decimal */
    }
  • 相关阅读:
    概率论与数理统计(3)
    平衡二叉树(AVL)实现(3)删除
    平衡二叉树(AVL)实现(1)
    利用C#2005实现数据表的基本操作
    用js计算时间差,得到比较人性化的结果
    WinForm 窗口最小化到托盘 notifyIcon
    wget 使用技巧
    使用javascript从url获取参数值
    OWC做电子表格和图表的试验
    C#中combobox 和TreeView控件属性、事件、方法收集
  • 原文地址:https://www.cnblogs.com/shilxfly/p/9436931.html
Copyright © 2011-2022 走看看