1.標(biāo)題<h></h>
HTML定義<h1></h1>到<h6></h6>六個(gè)<h>標(biāo)簽，分別用來(lái)不同大小字體的標(biāo)題（Heading）。字體由大到小，<h1>最大，<h6>則最小。
Heading標(biāo)簽需要注意的是：a.瀏覽器會(huì)自動(dòng)地在標(biāo)題的前后添加空行。因?yàn)镠eading標(biāo)簽屬于塊級(jí)元素，而在默認(rèn)情況下，HTML 會(huì)自動(dòng)地在塊級(jí)元素前后添加一個(gè)額外的空行（<br/>）。b.標(biāo)題對(duì)整個(gè)頁(yè)面來(lái)說(shuō)很重要,應(yīng)該將HTML heading 標(biāo)簽只用于標(biāo)題，而不要僅僅是為了產(chǎn)生粗體或大號(hào)的文本而使用標(biāo)題。因?yàn)镠eading標(biāo)簽對(duì)SEO是很友好的，搜索引擎使用標(biāo)題為您的網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引，而且用戶則以通過(guò)標(biāo)題來(lái)快速瀏覽您的網(wǎng)頁(yè)，所以用標(biāo)題來(lái)呈現(xiàn)文檔結(jié)構(gòu)是很重要的。應(yīng)該將 <h1> 用作主標(biāo)題（最重要的），其后是 <h2>（次重要的），再其次是 <h3>，以此類推。
<!--<h>標(biāo)簽是設(shè)置標(biāo)題的，把重要的信息放在<h1>里面，搜索引擎會(huì)優(yōu)先搜索-->
<h1>
中國(guó)一</h1>
<h2>
中國(guó)二</h2>
<h3>
中國(guó)三</h3>
<h4>
中國(guó)四</h4>
<h5>
中國(guó)五</h5>
<h6>
中國(guó)六</h6>
效果如下圖，字體大小由大到?。骸 ?/p>
2.換行<br/>、不換行<nobr></nobr>和分段<p></p>
關(guān)于HTML中的換行標(biāo)簽<br/>和分段標(biāo)簽<p></p>的區(qū)別是，換行標(biāo)簽<br/>只是回車，<p></p>則是分段。因?yàn)?lt;p>標(biāo)簽屬于塊級(jí)元素，它的前后會(huì)有比較大的空白（自動(dòng)添加<br/>），而<br/>標(biāo)簽屬于行級(jí)元素，它只是簡(jiǎn)單的換行，前后沒(méi)有空白。有一個(gè)與<br/>相對(duì)的標(biāo)簽<nobr></nobr>，它表示不換行，通常用于防止瀏覽器將程序代碼等不需要換行的地方自動(dòng)換行。
<!-- 換行和分段：-->
<p>
這是第一段<br /> <!--換行-->
用到了換行標(biāo)簽<br />
請(qǐng)看效果<br />
很容易理解</p>
<p>
這是第二段</p> <!--分段，自動(dòng)加換行-->
<p>
這是第三段</p>
<p>
<nobr> <!--防止換行-->
int i =0,j=10;
</nobr>
</p>
3.水平線標(biāo)簽<hr/>
<hr /> 標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建水平線。使用水平線 (<hr> 標(biāo)簽) 來(lái)分隔文章中的小節(jié)是一個(gè)辦法。<hr/>標(biāo)簽可以設(shè)置寬度width和高度height，這兩個(gè)屬性又分別有像素和百分比的表示方式。此外，<hr/>標(biāo)簽還有size（厚度）、color（顏色）和noshade（無(wú)陰影）的屬性。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<hr size="5" color="#FF0000" />
<!--定義了size（厚度）為5和color為紅色的hr標(biāo)簽-->
<hr width="60" />
<!--width屬性為60px-->
<hr width="60%" />
<!--width為60%-->
<hr size="10" />
<!--size為10px-->
<hr size="10%" />
<!--size為10%-->
<!--align屬性，可取值分別為left、right和center-->
<hr width="20%" align="left" />
<hr width="20%" align="right" />
<hr width="20%" align="center" />
<hr color="#FF0000" />
<!--noshade屬性，設(shè)置無(wú)陰影效果-->
<hr noshade="noshade" />
</body>
</html>
4.文本格式化標(biāo)簽
<!--常用文本格式標(biāo)簽-->
<center>博客園</center>居中顯示
<b>Hello，World！</b>粗體，推薦使用<strong>標(biāo)簽。
<i>斜了吧</i>斜體。
<u>我是一個(gè)下劃線標(biāo)簽</u>帶下劃線。
<em>強(qiáng)調(diào)，斜體</em>
<sub>2</sub>下標(biāo)，如：H<sub>2</sub>O
<sup>2</sup>上標(biāo)，如：10<sup>2</sup>
<!--設(shè)置字體大小可分為絕對(duì)字體大小和相對(duì)字體大小，絕對(duì)的通過(guò)<font>標(biāo)簽的size屬性來(lái)設(shè)置， 而相對(duì)字體大小為默認(rèn)字體的相對(duì)值-->
<!--絕對(duì)字體大小為size的值是1-7的某個(gè)數(shù)-->
<!--color（設(shè)置顏色） size（1-7）。-->
<!--face屬性用于設(shè)置字體-->
<font></font>字體標(biāo)簽，<font color=“red“ size=“7” face=“隸書”>紅色</font>
5.預(yù)格式化標(biāo)簽<pre>
<pre> 預(yù)格式化標(biāo)簽，保持網(wǎng)頁(yè)的內(nèi)容原樣展示?？梢杂糜谀承┨厥鈨?nèi)容的展示，也可以用于顯示計(jì)算機(jī)編程的源代碼（比如博客園的源代碼就是通過(guò)<pre>標(biāo)簽來(lái)顯示的）。
<p>pre 標(biāo)簽顯示某些特殊的希望原樣展示的內(nèi)容：</p>
<pre>
我是個(gè)好孩子，
我喜歡中 啊啊啊啊
這是一個(gè)預(yù)格式化標(biāo)簽
____
(. \
\ |
\ |___(\--/)
__/ ( . . )
"'._. '-.O.' 你好，我是一只小貓！
'-. \ "|\
'.,,/'.,,
(⊙_⊙)？你說(shuō)什么呢？？？？
</pre>
<p>pre 標(biāo)簽很適合顯示計(jì)算機(jī)代碼：</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
6.<marquee></marquee>標(biāo)簽
<marquee></marquee>標(biāo)簽對(duì)告訴瀏覽器移動(dòng)顯示其中的文本和圖像。
<div>
<!--marquee標(biāo)簽部分瀏覽器支持:IE、FF-->
<!--direction屬性：指定內(nèi)容的移動(dòng)方向，可取值有l(wèi)eft、right、up和down-->
<!--behavior屬性：指定標(biāo)簽的行為，可取值有scroll、alternate和slide-->
<marquee direction="left" scrolldelay="" behavior="alternate">
大家好，歡迎大家來(lái)到我的主頁(yè)！......
</marquee>
</div>
7.其它的格式標(biāo)簽例子。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<!--<abbr>顯示縮寫：-->
<abbr title="British Broadcasting Corporation">
BBC</abbr><br />
<!-- <acronym>顯示一個(gè)詞組的縮寫字頭：-->
<acronym title="World Wide Web">www</acronym><br />
<!--<blockquote>定義了長(zhǎng)文字的引用:-->
<blockquote>
<p>
Beyond two or three days ,the world's best forecasts are speculative ,and beyond
six or seven they are worthless.
</p>
<br />
<!-- <q>標(biāo)簽定義短引用：-->
<q>The q lable!!!</q>
</blockquote>
<!--<address>地址，簽名，文檔的作者信息等:-->
<address>
北京市海淀區(qū)中關(guān)村軟件園 sys@qq.com
</address>
<!--<bdo>標(biāo)簽通過(guò)dir屬性來(lái)定義文字顯示的順序：-->
<bdo dir="ltr">動(dòng)力節(jié)點(diǎn)</bdo><br /> <!--ltr：left to right,從左到右-->
<bdo dir="rtl">動(dòng)力節(jié)點(diǎn)</bdo><br /> <!--rtl:right to left,從右到左-->
</body>
</html>
二、HTML列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w.org//xhtml">
<head>
<title></title>
</head>
<body>
<b>HTML列表:</b><br />
<hr size="5" color="#FF0000;" />
<br />
<!--第一，無(wú)序列表（ul:unordered list)-->
<font size="+" color="#FF" face="華文楷體">I.無(wú)序列表(Unordered List):</font><br />
.默認(rèn)：<br />
<ul>
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ul>
.用type屬性:<br />
<!--ul type屬性的取值：
disc:實(shí)心圓、circle:空心圓、square:實(shí)心方塊-->
<!--ol type屬性的取值：
<ul type="I"/"a"/"A"/"1">
-->
<ul type="circle">
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ul>
<ul type="square">
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ul>
3.屬性值的混合使用，起強(qiáng)調(diào)作用：<br />
<ul type="circle">
<li>香蕉</li>
<li type="disc">蘋果</li>
<li>橘子</li>
</ul>
<!--第二，有序列表(ol,ordered list)-->
<font size="+1" color="#00FF00" face="華文楷體">II.有序列表(Ordered List)：</font><br />
.默認(rèn)：<br />
<ol>
<li>籃球</li>
<li>排球</li>
<li>足球</li>
</ol>
2.使用type屬性：<br />
<ol type="i">
<li>籃球</li>
<li>排球</li>
<li>足球</li>
</ol>
<ol type="A">
<li>籃球</li>
<li>排球</li>
<li>足球</li>
</ol>
3.改變有序列表項(xiàng)的前導(dǎo)編號(hào)：<br />
<blockquote>
a.<font color="#FFFF">start</font>屬性單獨(dú)使用：<br />
<ol start="3">
<li>籃球</li>
<li>排球</li>
<li>足球</li>
</ol>
b.<font color="#FFFF">vlaue</font>屬性單獨(dú)使用:<br />
<ol>
<li>籃球</li>
<li value="5">排球</li>
<li>足球</li>
</ol>
c.<font color="#FFFF">start、value</font>屬性的共同使用：<br />
<ol start="8">
<li>籃球</li>
<li value="15">排球</li>
<li>足球</li>
</ol>
</blockquote>
<font size="+1" color="#00FF00" face="花紋楷體">III.嵌套列表(Nested Lists)：</font><br />
1.無(wú)序列表中嵌套無(wú)序列表:<br />
<ul>
<li>飲料</li>
<li>水果
<ul>
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ul>
</li>
<li>蔬菜</li>
<li>茶葉</li>
</ul>
2.無(wú)序列表中嵌套有序列表:<br />
<ul>
<li>飲料</li>
<li>水果
<ol>
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ol>
</li>
<li>蔬菜</li>
<li>茶葉</li>
</ul>
3.有序列表中嵌套有序列表：<br />
<ol>
<li>飲料</li>
<li>水果
<ol>
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ol>
</li>
<li>蔬菜</li>
<li>茶葉</li>
</ol>
4..有序列表中嵌套無(wú)序列表：<br />
<ol>
<li>飲料</li>
<li>水果
<ul>
<li>香蕉</li>
<li>蘋果</li>
<li>橘子</li>
</ul>
</li>
<li>蔬菜</li>
<li>茶葉</li>
</ol>
5.列表的多級(jí)嵌套：<br />
<ol>
<li>飲料</li>
<li>水果
<ul>
<li>香蕉</li>
<li>蘋果
<ul>
<li>產(chǎn)自巴西</li>
<li>產(chǎn)自中國(guó)</li>
</ul>
</li>
<li>橘子</li>
</ul>
</li>
<li>蔬菜</li>
<li>茶葉</li>
</ol>
<!--第三，定義列表（dl,definition list)-->
<font size="+1" color="#00FF00">IV.定義列表：</font><br />
1.定義列表：<br />
<!--
<dl>
<dt>第一個(gè)標(biāo)題項(xiàng)</dt>
<dd>對(duì)第一個(gè)標(biāo)題項(xiàng)的解釋性文字</dd>
<dt>第二個(gè)標(biāo)題項(xiàng)</dt>
<dd>對(duì)第二個(gè)標(biāo)題項(xiàng)的解釋性文字</dd>
</dl>
其中：<dl>用來(lái)標(biāo)識(shí)定義列表的開(kāi)始；
<dt>用來(lái)標(biāo)識(shí)定義列表的列表項(xiàng)；
<dd>用來(lái)標(biāo)識(shí)定義列表中列表項(xiàng)的解釋性文字。
-->
<dl>
<!--dt:definition term(定義術(shù)語(yǔ))定義“北京”這個(gè)標(biāo)題項(xiàng)-->
<dt>北京</dt>
<!--dd:definition definition(定義對(duì)術(shù)語(yǔ)的解釋定義)對(duì)“北京”這個(gè)標(biāo)題項(xiàng)的解釋-->
<dd>
中國(guó)的政治中心</dd>
<dt>上海</dt>
<dd>
中國(guó)的經(jīng)濟(jì)中心</dd>
<dt>深圳</dt>
<dd>
中國(guó)改革開(kāi)放的前沿城市</dd>
</dl>
</body>
</html>
很多標(biāo)簽都可以用來(lái)改變文本的外觀，并為文本關(guān)聯(lián)其隱藏的含義?？偟貋?lái)說(shuō)，這些標(biāo)簽可以分成兩類：基于內(nèi)容的樣式（content-based style）和物理樣式（physical style）。
1.基于內(nèi)容的樣式（content-based style）
基于內(nèi)容的樣式標(biāo)簽會(huì)告訴瀏覽器它所包含的文本具有特定的含義、上下文或者用法。然后瀏覽器就會(huì)把與該含義、上下文或者用法一致的格式應(yīng)用在文本上。注意，基于內(nèi)容的標(biāo)簽賦予含義，而不是格式化。因此，它們對(duì)于自動(dòng)處理來(lái)說(shuō)非常重要；計(jì)算機(jī)并不關(guān)心文檔的外觀如何。
因?yàn)樽煮w樣式是通過(guò)語(yǔ)義線索來(lái)指定的，因此瀏覽器可以為用戶選擇一種合適的顯示樣式。由于不同地點(diǎn)的樣式各種各樣，所以使用基于內(nèi)容的樣式可以幫助你確保自己的文檔對(duì)廣大范圍的讀者來(lái)說(shuō)都是有意義的。這一點(diǎn)在專門供那些盲人和殘疾人所使用的瀏覽器上顯得尤其重要，因?yàn)樗麄兊娘@示選項(xiàng)可能和我們傳統(tǒng)的文本根本不同，或者在某方面具有非常大的局限性。
當(dāng)前的 HTML 和 XHTML 標(biāo)準(zhǔn)并沒(méi)有為每一個(gè)基于內(nèi)容的標(biāo)簽都定義一種格式；它們僅僅規(guī)定必須用與文檔中普通文本不同的方式來(lái)顯示基于內(nèi)容的樣式。標(biāo)準(zhǔn)甚至沒(méi)有要求這些基于內(nèi)容的樣式彼此之間都要用不同的方式顯示。在實(shí)際應(yīng)用中，你可能會(huì)發(fā)現(xiàn)很多這樣的標(biāo)簽和傳統(tǒng)的印刷有著非常明顯的關(guān)系，它們有著相似的含義和顯示樣式，而且在多數(shù)瀏覽器中都以相同的樣式和字體來(lái)顯示。
使用 HTML/XHTML 基于內(nèi)容的樣式標(biāo)簽時(shí)要遵從一些規(guī)則，因?yàn)閮H僅是簡(jiǎn)單地想想文本該如何顯示，而不必知道這些文本的含義是什么，是十分容易的。一旦你開(kāi)始使用基于內(nèi)容的樣式之后，文檔將會(huì)更加一致，而且可以更好地幫助執(zhí)行自動(dòng)搜索和內(nèi)容編輯。這些標(biāo)簽是：
<abbr>
<acronym>
<cite>
<code>
<dfn>
<em>
<kbd>
<samp>
<strong>
<var>
2.物理樣式（physical style）
在討論基于內(nèi)容的樣式標(biāo)簽時(shí)，我們經(jīng)常用到“意圖”這個(gè)詞。這是因?yàn)橛蓸?biāo)簽傳達(dá)的含義比瀏覽器顯示文本的方式更為重要。然而，在某些情況下，可能是出于合法性或者版權(quán)等方面的原因的考慮，你希望文本以某種特殊的方式來(lái)顯示（例如斜體或加粗）。在這種情況下，就可以對(duì)文本使用物理樣式。
雖然其他文字處理系統(tǒng)的趨勢(shì)是精確地控制樣式和外觀，但是在使用 HTML 或 XHTML 時(shí)，除非極少情況下，都應(yīng)該避免使用物理標(biāo)簽。應(yīng)當(dāng)盡可能地向?yàn)g覽器提供上下文信息，并使用基于內(nèi)容的樣式。盡管現(xiàn)在瀏覽器不過(guò)是以斜體或者粗體字來(lái)顯示這些文本，但是將來(lái)的瀏覽器和各種文檔生成工具可能會(huì)以非常有創(chuàng)建的方式來(lái)利用這些基于內(nèi)容的樣式。
當(dāng)前的 HTML/XHTML 標(biāo)準(zhǔn)一共提供了 9 種物理樣式，包括粗體（bold）、斜體（italic）、等寬（monospaced）、下劃線（underlined）、刪除線（strikethrough）、放大（larger）、縮?。╯maller）、上標(biāo)（superscripted）和下標(biāo)（subscripted）文本。這些標(biāo)簽是：
<b>
<big>
<i>
<s>
<small>
<strike>
<sub>
<sup>
<tt>
以上所述是小編給大家介紹的HTML常用格式標(biāo)簽，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
