close

無標題文件

網頁設計XHTML入門學習教程:XHTML常用標籤

發佈者:SEO香港優化專家 - Web Design

網站設計

就像一篇文章一樣,我們的網頁也要段落分明,也需要重要程度不同的標題。本節就將介紹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>

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

網頁寄存

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lixiangni 的頭像
    lixiangni

    lixiangni

    lixiangni 發表在 痞客邦 留言(0) 人氣()