HTML文檔設(shè)置標(biāo)記

弘護(hù)正法 2019-10-07

展開全文

1、格式標(biāo)記
 強(qiáng)制換行
換段落標(biāo)記
<center> 居中對齊標(biāo)記
<pre>預(yù)格式化標(biāo)記
<li>列表項目標(biāo)記
<ul>無序列表標(biāo)記
<ol>有序列表標(biāo)記
<dl><dt><dd>定義型列表
<hr>單標(biāo)記，水平分割線標(biāo)記
<div>分區(qū)顯示標(biāo)記，也稱為層標(biāo)記
2、文本標(biāo)記
<hn>標(biāo)題標(biāo)記，共有6個級別，不同級別對應(yīng)顯示大小不同的標(biāo)題
字體設(shè)置標(biāo)記
粗字體標(biāo)記
斜體字標(biāo)記
文字下標(biāo)字體標(biāo)記
文字上標(biāo)字體標(biāo)記
<tt>打印機(jī)字體標(biāo)記
<cite>引用方式的字體，通常是斜體字
表強(qiáng)調(diào)，通常為斜體字
表強(qiáng)調(diào)，通常為粗體字
小型字體標(biāo)記
<big>大型字體標(biāo)記
下劃線字體標(biāo)記
練習(xí)代碼：

<html>

    <head>
        <title>標(biāo)記</title>
        <meta charset="UTF-8" />
    </head>
    <body bgcolor=“red” >
        強(qiáng)制<br>換行

        <p>
        p標(biāo)簽表示段落。
        </p>
        <p>
        段落里面還可以嵌套段落。
            <p>
            嘻嘻。
            </p>
        </p>

        我想居中對齊，使用center標(biāo)簽。
        <center>我想居中并對齊</center>

        <pre>預(yù)格式化標(biāo)記
        <p>在html文檔中按“回車”、“空格”均對網(wǎng)頁顯示沒有影響</p>
        <p><pre>使用pre標(biāo)簽就會              有影響啦~?。?！</pre></p>


        <li>第一節(jié)課</li>
        <li>第二節(jié)課</li>
        <li>第三節(jié)課</li>

        <!--------ul無序列表標(biāo)記------------->
        <ul>
            <li>第一節(jié)課</li>
            <li>第二節(jié)課</li>
            <li>第三節(jié)課</li>
        </ul>


        <!--------ol無序列表標(biāo)記------------->
        <!--------type的屬性值可以為：阿拉伯?dāng)?shù)字、大小寫字母、大小寫羅馬數(shù)字（I/i）------------->
        <!--------value屬性可以指定一個新的序列數(shù)字起始值------------->
        <ol type=“1”>
            <li value=“3”>第一節(jié)課</li>
            <li>第二節(jié)課</li>
            <li>第三節(jié)課</li>
        </ol>

        <!--------列表可以進(jìn)行嵌套哦------------->
        <ol type=“A”>
            <li>第一節(jié)課</li>
            <li>第二節(jié)課
                <ol type=“i”>
                    <li>第i章</li>
                    <li>第ii章</li>
                </ol>
            </li>
            <li>第三節(jié)課</li>
        </ol>

        <dl>
            <dt>第一階段：</dt>
            <dd>學(xué)習(xí)基礎(chǔ)知識</dd>
            <dt>第二階段：</dt>
            <dd>深入了解實現(xiàn)原理</dd>
        </dl>

        第一段
        <hr />
        第二段。hr是段落之間的分割線哦。。。

        <div>
        div常用來編排一大段的html段落，也可以用于格式化表。
            <div>
            可以多層嵌套使用。
            </div>
        </div>

        <!--------文本標(biāo)記------------->
        <div>
            <h1>大標(biāo)題</h1>
            <h2>偏大標(biāo)題</h2>
            <h6>最小的標(biāo)題</h6>

            <font size="1" color="red" face="微軟雅黑">
                size屬性為字體大小，XHTML1.0之后就不支持size（取值1-7）屬性啦，默認(rèn)為3
            </font>
            <font size="3" color="yellow" face="宋體">color為字體顏色</font>
            <font size="7" color="red" face="宋體">face用來定義顯示的字體</font>
            <b>看到加粗了木有！</b>
            <i>斜體字</i>

            2<sub>2</sub>
            2<sup>2</sup>


            <cite>cite引用方式的字體，通常是斜體字</cite>

            <em>em強(qiáng)調(diào)，斜體</em>
            <strong>strong強(qiáng)調(diào)，加粗</strong>

            <small>small小型字體</small>
            <small><small>可以多級嵌套</small></small>
            <small><small><small>為最小時，不會再變小</small></small></small>

            <big>big大型字體</big>
            <big><big>可以多層嵌套使用。</big></big>
            <big><big><big><u>下劃線咯，u標(biāo)記</u></big></big></big>
        </div>
    </body>
</html>