HTML5 基礎教程

HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTML

HTML5 多媒體教程

HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂

HTML5 表單教程

HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性

HTML5

HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法

HTML5 Graphics

HTML5 CanvasHTML5 SVGHTML5 Google Maps

注意

<br>

強迫換行,不需要結尾符號,通常記作<br>或<br/>

<p>、<span>

<p>為通用區塊元素,<span>為通用線內元素。所謂通用區塊元素,即是在預設的情況下是一塊一塊上下排列(二維的概念),而通用線內元素則是一條一條的接,詳情見下一小節。

p元素

span元素

區塊元素、線內元素

在HTML中可以大致分成「區塊」與「線內」元素,除了前一個小節提到的上下排列與水平接續排列外,在寫程式時也有微小的差別。

對於「區域元素」(例如:<p>)來說,程式碼的分段並不會影響結果,然而,對「線內元素」(例如:<span>)來說,「程式碼的分段會視為中間加了個空白鍵」

<h1>~<h6>

「標題元素」數字越小階級越大,屬於區塊元素。

請記得:<h1>~<h6>,是區塊元素跟<p>屬同一類,換行不需要加<br>

b、i、u、del

b(粗體 Bold text)、i(斜體 Italic text)、u(底線)、del(刪除文字 Deleted text),以上元素皆與<span>同為線內元素,換行需加<br>

strong、em、mark、small、ins

strong(重要 Important text)、em(強調 Emphasized text)、mrak(高亮 Marked text)、small(小 Small text)、ins(插入 Inserted text),以上元素皆與<span>同為線內元素,換行需加<br>

sup、sub

sup(上標 superscripted text)、sub(下標 subscripted text)

< 前一節下一節 >