《html与css初体验》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、HTML5CSS3JavaScript02HTML與CSS初體驗2-1HTML標籤簡介2-2　使用HTML標籤製作網頁2-3CSS樣式2-4　使用CSS設定網頁樣式HTML+CSS+JavaScriptHTML（HyperTextMarkupLanguage）用於在網頁中表示各種類型的資料與排版用控制符號；使用不同的HTML標籤，代表不同類型的資料與排版用控制符號，例如：標籤h1表示第一層的標題，標籤p表示一段文字、標籤img表示要插入一張圖片，標籤br表示換行，標籤div專門用於排版用的區塊。每

2、個HTML標籤都有特殊的意義與用途，善加利用，可以讓網頁表達的內容更清楚。2-1HTML標籤簡介HTML標籤分成區塊元素（block）與行內元素（inline）兩種類型。區塊元素永遠會是該行的開始，相當於區塊元素的前面與後面會自動加上換行符號，可以設定高度，寬度沒有設定時，會是其上一層容器的寬度；而行內元素與相鄰的行內元素會顯示在同一行內，無法設定高度，寬度與自己所表示的文字或圖片寬度相同。區塊元素（block）行內元素（inline）區塊元素永遠會是該行的開始，相當行內元素與相鄰的行內元素會顯示

3、在於區塊元素的前面與後面會自動加上特性同一行內，無法設定高度；寬度與自換行符號，可以設定高度；寬度沒有己所表示的文字或圖片寬度相同設定時，會是其上一層容器的寬度div（區塊）section（區塊）img（圖片）article（文章）a（超連結）常用元素p（文字段落）span（行內的區塊）h1、h2、h3、h4、h5、h6（標題）strong（粗體）ul與li（清單）2-1-1　區塊元素（block）ch2ch2-1-1.html常見區塊元素有p（文字段落）、h1、h2、h3、h4、h5、h6（標

4、題）、ul與li（清單）、div（區塊）、section（區塊）與article（文章），以下分別介紹。¨標籤pp表示一段文字。2-2HTML與CSS初體驗02範例預覽結果

四草綠色隧道在台江國家公園內，裡面有溼地及豐富的生態資源，可以坐船遊覽由紅樹林交織成的綠色隧道，潮間帶的招潮蟹、彈塗魚與紅樹林，體會不一樣的大自然感受。

5、h6標題的字型最小，通常用於最內層。範例預覽結果

這是h1

這是h2

這是h3

這是h4

這是h5

這是h6

• 四草綠色隧道
• 井仔腳瓦盤鹽田
• 赤崁樓
• 台南孔廟

6、有特殊的意義，常用於排版與設定樣式用。範例預覽結果

7、為可以自成獨立且完整的內容；而section是整體的一部分。例如：article是一則新聞事件、一篇討論文章與一則發文等。範例預覽結果

8、ng內，「台江國家公園」就會變成粗體。範例預覽結果

四草綠色隧道在台江國家公園內，裡面有溼地及豐富的生態資源，可以坐船遊覽由紅樹林交織成的綠色隧道，潮間帶的招潮蟹、彈塗魚與紅樹林，體會不一樣的大自然感受。