○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標籤...
首頁製作百寶箱
奇摩免費網頁
網路家庭個人網頁
網頁編輯工具下載
檔案傳輸工具下載
|