網路○泡泡○新聞 Internet Pop-up News網站建置:HTML先修班:第二課

○HTML先修班:第二課○

課程內容:

  • 分段─讓文章讀起來順暢些
  • 分行─當文章需要分行時
  • 標題─調整文章的內容
  • 粗體和斜體─改變文章的外觀
  • 家庭作業

一. 分段(paragraphs)

大部份的HTML標籤都是成對的。換句話說,在需要改變的內文前後都有個起始標籤和結束標籤。

在第一課裡,我們已經學會了四對基本的標籤:<html></html>、<head></head>、<title></title>和<body></body>。

現在我們要學習分段的標籤:<p></p>。就像基本的標籤一樣,它們也是成對的。你要用這個標籤包裝所有你要分段的文章。

二. 分行(spcing)

<p></p>並不總是能如你的願。有時候你只是想另起一行,這時你要使用單一的分行標籤<br>。

三. 標題(headings)

HTML不是只能分段及分行。你還可以用特別的方法整理你的網頁,讓它們讀起來更順暢、更容易瞭解。

HTML有六個標題標籤可以使用,從<h1></h1>到<h6></h6>。

標題標籤是讓你的文章有所區隔的最簡單的方法。假想你的網站就像報紙一樣,標題標籤就像報紙的標題一樣。

主要的標題是h1,第二個標題是h2,直到最後的標題h6。

<h1>這是標題一</h1>


<h2>這是標題二</h2>


<h3>這是標題三</h3>


<h4>這是標題四</h4>


<h5>這是標題五</h5>

<h6>這是標題六</h6>

有些事要記得:

  • 所有的瀏覽器展現標題都有些差異性
  • 試著讓你的標題保持邏輯秩序
  • 標題會自動幫你分行,所以你不必使用<p>和<br>標籤。

四. 粗體(bold)和斜體(italic)

修正內文、改變字句外觀的另一個方法是,使用粗體標籤<b></b>和斜體標籤<i></i>。這些標籤很容易使用,尤其當你希望突顯內文的部份字句時。

粗體標籤和斜體標籤會讓你的內文讀起來更有趣。它們不像HTML其他的標籤,在所有的瀏覽器裡看起來都一樣。

只要在你的文字前後包裝粗體標籤<b>和</b>就可產生粗體字;包裝斜體標籤<i>和</i>就可產生斜體字。

你也可以重疊使用這兩種標籤,即讓字句同時粗體和斜體,哪個標籤先使用無所謂。

這個句子是粗體的。
這個句子是斜體的。
這個句子同時是粗體和斜體。

五. 家庭作業

編輯你已經製作的網頁,在適當的地方分段、分行、加標題、改變粗體或斜體。

網頁上傳之前,要記得在瀏覽器裡先預覽你的網頁。

 

學習更多的HTML標籤...
首頁製作百寶箱
奇摩免費網頁
網路家庭個人網頁
網頁編輯工具下載
檔案傳輸工具下載

 

Today's Pup-up News

網路○泡泡○新聞 Internet Pop-up News

  首頁
  網路資訊
  網路媒體
  電子商務
  網站建置
  電腦資訊
  學習日誌
  靈力補給站
  新鮮玩意兒
  EMAIL

1