1. 程式人生 > >HTML文檔設置標記

HTML文檔設置標記

強制 一個 分區 選項 使用 小寫字母 強調 utf-8 dHash

格式標記

1.<br>    強制換行標記,讓後面的文字、圖片、表格等,顯示在下一行。單標記

2.<p>    換段落標記,換段落是由於多個空格和回車在HTML中會被等效為一個空格,所以HTML中要換段落就要用到<p>,<p>段落中也可以包含<p>段落

3.<center>  居中對齊標記,讓段落或者文字相對於父標記居中顯示

4.<pr>    預格式化標記,保留預先編排好的格式,即使很多個空格,也會全顯示出來

5.<li>    列表項目標記,每一個列表使用一個<li>標記

6.<ul>    無序列表標記

7.<ol>    有序列表標記,可以顯示特定的一些順序

        1.格式:

          <ol type="符號類型">

          <li type="符號類型"></li>

          <li type="符號類型"></li>

          </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>

    <dt>軟件說明:</dt>

    <dd>簡單介紹軟件的功能及基本應用</dd>

    <dt>軟件界面</dt>

    <dd>用於選擇軟件的外觀</dd>
    </dl>

9.<hr>  水平分割線標記,段落之間的分割線(單標記)

10.<div>  分區顯示標記,也稱之為層標記

  常用來編排一大段的HTML段落,也可以用於格式化表,和<p>很相似

  層可以多層嵌套使用

文本標記

1.hn  標題標記,共有6個級別,n的範圍1~6,不同級別對應顯示大小不同的標題,h1最大,h6最小

2.font  字體設置標記,設置字體的格式

    三個常用屬性:

      1.size (字體大小)  <font size="3">  取值範圍是1-7,瀏覽器默認是3 XHTML 1.0中不支持size屬性

      2.color (顏色)    <font color="red">

      3.face (字體)    <font 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>

HTML文檔設置標記