设计之家 > 教程 > 網頁教程 > HTML教程 >

XHTML基礎教程(一)(3)

作者:佚名 來源:網絡 時間:2007-12-24

常用標簽

就像一篇文章一樣,我們的網頁也要段落分明,也需要重要程度不同的標題。本節就將介紹XHTML中實現標題、段落等功能的常用標簽..

標題標簽<h1>到<h6>

定義標題,我們可以使用從<h1>到<h6>這幾個標簽,它們對應的終止標簽分別為</h1>到< /h6>,其中<h1>到<h6>字號順序減小,重要性也逐漸降低。瀏覽器將在標題的上面和下面自動各空出一行。

段落標簽<p>

定義段落使用<p>和</p>,在<p>和</p>之間的內容會被識別為一個段落,它就類似我們通常所說的一個“自然段”。與標題類似,瀏覽器也會在段落的開始之前和結束之后各加一行空白。

換行標簽<br />(<br>)

當我們在想另起一行書寫文字卻又不希望另起一個自然段的時候,我們就可以應用<br />標簽了。<br>標簽也是一個空標簽,需要加上一個"/"以符合XHTML的要求。

水平分割線標簽<hr />(<hr>)

實現水平分割線的標簽是<hr />。和<br>標簽一樣,<hr>也是一個空標簽,為了遵守XHTML的規則,需要加上一個"/"。(下面就是一條分割線)


注釋<!-- -->

合理利用上面介紹的四個標簽可以使瀏覽你網頁的用戶覺得網頁的層次清晰,而注釋則可以使你在閱讀自己的網頁源代碼時感覺層次清晰,不至于摸不著頭腦。在<!--和-->之間的東西就是注釋的內容,它們將不會在網頁上顯示。看看我們如何在下面的練習實例中插入注釋。

練習實例

現在打開我們在上一節保存的網頁,練習一下本節學習的幾個重要標簽。將<body></body>中的“這是我的第一個<b>網頁</b>。”去掉,輸入以下內容:

<h1>服務公告</h1><!--練習標題的使用,看看字號是不是變大了? -->
<hr /><!--水平分割線,別忘了那個"/" -->
<h2>本人現面對全國的小學生及家長同志提供如下服務:</h2><!--2號標題,看看字號是不是比1號標題小 -->
<h3>針對學生的服務</h3>
<p>
代寫寒暑假作業(數學不保證沒有錯題,語文不保證沒有錯字,英語作業你找別人吧)
<br />幫忙欺負四年級以下同學,特體須加收費用。
<br />家長會幫忙冒充家長。
</p><!--上面的內容是一個段落 -->
<h3>VIP服務</h3>
<p>凡購買所有三項服務者即自動升級為VIP。我們將免費為您制作個人主頁,完全符合W3C的XHTML標準和ISO2009~。</p>


<!--這里網頁雖然層次還算比較分明,可是你是不是覺得界面實在是很難看和簡陋呢?比如說行與行之間沒有空隙,一號標題
太大了。關于定義網頁外觀的方法將在稍后的CSS教程中介紹。忘了說主要內容了,注釋不會出現在網頁上,所以
我們可以在這里打許多廢話。不過在以后網頁設計的過程中盡量寫一些有提示作用的注釋。-->

保存修改后瀏覽網頁,確認一下你的網頁和這個頁面相同,完工。

 

标签:

相關文章:

推薦設計

最新文章