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 */
}
posted @ 2018-08-07 14:46  RickyShilx  阅读(381)  评论(0编辑  收藏  举报