HTML文檔設(shè)置標記

弘護正法 2019-10-07

展開全文

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

<html>

    <head>
        <title>標記</title>
        <meta charset="UTF-8" />
    </head>
    <body bgcolor=“red” >
        強制<br>換行

        <p>
        p標簽表示段落。
        </p>
        <p>
        段落里面還可以嵌套段落。
            <p>
            嘻嘻。
            </p>
        </p>

        我想居中對齊，使用center標簽。
        <center>我想居中并對齊</center>

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


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

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


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

        <!--------列表可以進行嵌套哦------------->
        <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é)習基礎(chǔ)知識</dd>
            <dt>第二階段：</dt>
            <dd>深入了解實現(xiàn)原理</dd>
        </dl>

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

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

        <!--------文本標記------------->
        <div>
            <h1>大標題</h1>
            <h2>偏大標題</h2>
            <h6>最小的標題</h6>

            <font size="1" color="red" face="微軟雅黑">
                size屬性為字體大小，XHTML1.0之后就不支持size（取值1-7）屬性啦，默認為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強調(diào)，斜體</em>
            <strong>strong強調(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標記</u></big></big></big>
        </div>
    </body>
</html>