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 */
    }
  • 相关阅读:
    CSS浮动(float、clear)通俗讲解
    JAVA 类的加载
    数据库操作 delete和truncate的区别
    正则表达式 匹配相同数字
    Oracle EBS OM 取消订单
    Oracle EBS OM 取消订单行
    Oracle EBS OM 已存在的OM订单增加物料
    Oracle EBS OM 创建订单
    Oracle EBS INV 创建物料搬运单头
    Oracle EBS INV 创建物料搬运单
  • 原文地址:https://www.cnblogs.com/shilxfly/p/9436931.html
Copyright © 2011-2022 走看看