就像一篇文章一樣，我們的網(wǎng)頁(yè)也要段落分明，也需要重要程度不同的標(biāo)題。本節(jié)就將介紹XHTML中實(shí)現(xiàn)標(biāo)題、段落等功能的常用簽..
定義標(biāo)題，我們可以使用從<h1>到<h6>這幾個(gè)標(biāo)簽，它們對(duì)應(yīng)的終止標(biāo)簽分別為</h1>到</h6>，其中<h1>到<h6>字號(hào)順序減小，重要性也逐漸降低。瀏覽器將在標(biāo)題的上面和下面自動(dòng)各空出一行。
定義段落使用<p>和</p>，在<p>和</p>之間的內(nèi)容會(huì)被識(shí)別為一個(gè)段落，它就類似我們通常所說(shuō)的一個(gè)“自然段”。與標(biāo)題類似，瀏覽器也會(huì)在段落的開始之前和結(jié)束之后各加一行空白。
當(dāng)我們?cè)谙肓砥鹨恍袝鴮懳淖謪s又不希望另起一個(gè)自然段的時(shí)候，我們就可以應(yīng)用<br />標(biāo)簽了。<br>標(biāo)簽也是一個(gè)空標(biāo)簽，需要加上一個(gè)"/"以符合XHTML的要求。
實(shí)現(xiàn)水平分割線的標(biāo)簽是<hr />。和<br>標(biāo)簽一樣，<hr>也是一個(gè)空標(biāo)簽，為了遵守XHTML的規(guī)則，需要加上一個(gè)"/"。(下面就是一條分割線)
合理利用上面介紹的四個(gè)標(biāo)簽可以使瀏覽你網(wǎng)頁(yè)的用戶覺(jué)得網(wǎng)頁(yè)的層次清楚，而注釋則可以使你在閱讀自己的網(wǎng)頁(yè)源代碼時(shí)感覺(jué)層次清楚，不至于摸不著頭腦。在<!--和-->之間的東西就是注釋的內(nèi)容，它們將不會(huì)在網(wǎng)頁(yè)上顯示?？纯次覀?nèi)绾卧谙旅娴木毩?xí)實(shí)例中插入注釋。
現(xiàn)在打開我們?cè)谏弦还?jié)保存的網(wǎng)頁(yè)，練習(xí)一下本節(jié)學(xué)習(xí)的幾個(gè)重要標(biāo)簽。將<body></body>中的“這是我的第一個(gè)<b>網(wǎng)頁(yè)</b>。”去掉，輸入以下內(nèi)容：
| <h1>服務(wù)公告</h1><!--練習(xí)標(biāo)題的使用，看看字號(hào)是不是變大了？ --> <hr /><!--水平分割線，別忘了那個(gè)"/" --> <h2>本人現(xiàn)面對(duì)全國(guó)的小學(xué)生及家長(zhǎng)同志提供如下服務(wù)：</h2><!--2號(hào)標(biāo)題，看看字號(hào)是不是比1號(hào)標(biāo)題小 --> <h3>針對(duì)學(xué)生的服務(wù)</h3> <p> 代寫寒暑假作業(yè)（數(shù)學(xué)不保證沒(méi)有錯(cuò)題，語(yǔ)文不保證沒(méi)有錯(cuò)字，英語(yǔ)作業(yè)你找別人吧） <br />幫忙欺負(fù)四年級(jí)以下同學(xué)，特體須加收費(fèi)用。 <br />家長(zhǎng)會(huì)幫忙冒充家長(zhǎng)。 </p><!--上面的內(nèi)容是一個(gè)段落 --> <h3>VIP服務(wù)</h3> <p>凡購(gòu)買所有三項(xiàng)服務(wù)者即自動(dòng)升級(jí)為VIP。我們將免費(fèi)為您制作個(gè)人主頁(yè)，完全符合W3C的XHTML標(biāo)準(zhǔn)和ISO2009~。</p> <!--這里網(wǎng)頁(yè)雖然層次還算比較分明，可是你是不是覺(jué)得界面實(shí)在是很難看和簡(jiǎn)陋呢？比如說(shuō)行與行之間沒(méi)有空隙，一號(hào)標(biāo)題 太大了。關(guān)于定義網(wǎng)頁(yè)外觀的方法將在稍后的CSS教程中介紹。忘了說(shuō)主要內(nèi)容了，注釋不會(huì)出現(xiàn)在網(wǎng)頁(yè)上，所以 我們可以在這里打許多廢話。不過(guò)在以后網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中盡量寫一些有提示作用的注釋。--> |
新聞熱點(diǎn)
疑難解答
