HTML文档设置标记

格式标记

1. 　　　　强制换行标记，让后面的文字、图片、表格等，显示在下一行。单标记

2.　　　　换段落标记，换段落是由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中要换段落就要用到，段落中也可以包含段落

3.<center>　　居中对齐标记，让段落或者文字相对于父标记居中显示

4.<pr>　　　　预格式化标记，保留预先编排好的格式，即使很多个空格，也会全显示出来

5.<li>　　　　列表项目标记，每一个列表使用一个<li>标记

6.<ul>　　　　无序列表标记

7.<ol>　　　　有序列表标记，可以显示特定的一些顺序

　　　　　　　　1.格式：

</ol>

　　　　　　　　2.有序列表的type属性值

　　　　　　　　　　1　　阿拉伯数字1，2，3等，默认的type属性值

　　　　　　　　　　A　　大写字母A、B、C等

　　　　　　　　　　a　　小写字母a、b、c等

　　　　　　　　　　I　　大写罗马数字

　　　　　　　　　　i　　小写罗马数字i、ii、iii等

　　　　　　　　3.value　　指定一个新的序列数字起始值

　　　　　　　　4.列表可以进行嵌套

8.<dl> <dt> <dd>　　定义型列表

　　使用场合：对列表条目进行简短的说明

　　格式：

<dl>

<dd>简单介绍软件的功能及基本应用</dd>

<dd>用于选择软件的外观</dd>
　　　　</dl>

9.<hr>　　水平分割线标记，段落之间的分割线（单标记）

10.<div>　　分区显示标记，也称之为层标记

常用来编排一大段的HTML段落，也可以用于格式化表，和很相似

　　层可以多层嵌套使用

文本标记

1.hn　　标题标记，共有6个级别，n的范围1~6，不同级别对应显示大小不同的标题，h1最大，h6最小

2.font　　字体设置标记，设置字体的格式

　　　　三个常用属性：

1.size　（字体大小）　　　　取值范围是1-7，浏览器默认是3 XHTML 1.0中不支持size属性

2.color　（颜色）

3.face　（字体）

3.b　　粗字体标记

4.i　　斜字体标记

5.sub　　文字下标字体标记

6.sup　　文字上标字体标记

7.tt　　打印机字体标记

8.cite　　引用方式的字体，通常是斜体

9.em　　表示强调，通常显示为斜体字

10.strong　　表示强调，通常显示为粗体字

11.small　　小型字体标记，可多级嵌套

12.big　　大型字体标记，可多级嵌套

13.u　　下划线字体标记

<html>

    <head>

        <title>第三节课</title>

        <meta charset="utf-8">

    </head>

    <body>

    <!--麦子学院！<br/>非常棒-->

    <!--

        <p>

        麦子学院！非常棒！麦子学院！非常棒！麦子学院！非常棒！麦子学院！非常棒！麦子学院！非常棒！麦子学院！非常棒！

        </p>

        <p>

            <p>1276387126378123</p>

            <p>asdhsdasdasdhash花大哥好安静</p>

    </p>

    <p>

    <center>麦子学院！</center>

    </p>

    <p>麦子学院！            非常棒</p>

    <p><pre>麦子学院！            非常棒</pre></p>

    <li>第一节课</li>

    <li>第二节课</li>

    <li>第三节课</li>

    <li>第四节课</li>

    <li>第五节课</li>

    <ul>

    <li>第一节课</li>

    <li>第二节课</li>

    <li>第三节课</li>

    <li>第四节课</li>

    <li>第五节课</li>

    </ul>

    <ol type="1">

        <li>第一节课</li>

        <li value="5">第二节课</li>

        <li>第三节课</li>

        <li>第四节课</li>

        <li>第五节课</li>

    </ol>

    <ol type="A">

        <li>第一节课</li>

        <li>第二节课</li>

        <li>第三节课</li>

        <li>第四节课</li>

        <li>第五节课</li>

    </ol>

    <ol type="I">

        <li>第一节课</li>

        <li>第二节课</li>

        <li>第三节课</li>

        <li>第四节课</li>

        <li>第五节课</li>

    </ol>

    <ol type="A">

        <li>A选项

            <ol type="a">

                <li>第一节课</li>

                <li>第二节课</li>

                <li>第三节课</li>

                <li>第四节课</li>

                <li>第五节课</li>

            </ol>

        </li>

        <li>B选项

            <ol type="a">

                <li>第一节课</li>

                <li>第二节课</li>

                <li>第三节课</li>

                <li>第四节课</li>

                <li>第五节课</li>

            </ol>

        </li>

        <li>第三节课</li>

        <li>第四节课</li>

        <li>第五节课</li>

    </ol>

    <dl>

        <dt>软件说明：</dt>

        <dd>简单介绍软件的功能及基本应用</dd>

        <dt>软件界面</dt>

        <dd>用于选择软件的外观</dd>

    </dl>

    -->

    <div>

        麦子学院！

        <hr>

        麦子学院！

    </div>

    <div>

        麦子学院！

        <hr>

        麦子学院！

    </div>

    </body>

</html>

<html>

    <head>

        <title>第四节课</title>

        <meta charset="UTF-8">

    </head>

    <body>

    <!--

    Hn标题标记

        麦子学院<br/>

        <h1>麦子学院</h1>

        <h2>麦子学院</h2>

        <h3>麦子学院</h3>

        <h4>麦子学院</h4>

        <h5>麦子学院</h5>

        <h6>麦子学院</h6>

    font  标记

    麦子学院

    <font size="1">麦子学院</font>

    <font size="3">麦子学院</font>

    <font size="7">麦子学院</font>

    <font size="7" color="red" face="微软雅黑">麦子学院</font>

    <font size="7" color="red" face="宋体">麦子学院</font>

    <font size="7" color="red" face="新细明体">麦子学院</font>

    B标记加粗

    麦子学院

    <b>麦子学院</b>

    i标记斜体

    麦子学院

    <i>麦子学院</i>

    sub下标标记

    2<sub>2</sub>

    sup上标标记

    2<sup>2</sup>

    引用标记

    <cite>麦子学院</cite>

    em标记表示强调，显示为斜体

    <em>麦子学院</em>

    strong标记表示强调，加粗显示

    <strong>麦子学院</strong>

    small标记，显示小一号字体，可以嵌套使用，当字体为最小时将会显示最小字体字号

    <small>麦子学院</small>

    <small><small>麦子学院</small></small>

    <small><small><small>麦子学院</small></small></small>

    big标记，显示大一号的字体

    <big>麦子学院</big>

    <big><big>麦子学院</big></big>

    u标记是显示下划线

    <big><big><big><u>麦子学院</u></big></big></big>

    -->

    </body>

</html>