HTML文件設定標記
格式標記
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>