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