HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
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注意
- 以下的程式碼皆是寫於<body>與</body>標籤之內。
- 程式碼的示範,已由本網站「樣式表自動修飾」,實際測試將依各家瀏覽器「預設樣式表不同而有差距」。
<br>
強迫換行,不需要結尾符號,通常記作<br>或<br/>
- 《秧歌》是張愛玲於1955年創作的小說,描寫小村莊農人金根一家在飢餓之中掙扎求存的故事,反映了土改後中國大陸的農村生活。小說最初以英文寫就發表,後由張愛玲本人譯成中文。
<br>
該書描寫共產黨治下的農村生活,農人面對鄉幹部、軍人等多方壓榨,惶惶不可終日的悲慘生活狀況。<p>、<span>
<p>為通用區塊元素,<span>為通用線內元素。所謂通用區塊元素,即是在預設的情況下是一塊一塊上下排列(二維的概念),而通用線內元素則是一條一條的接,詳情見下一小節。
p元素
<p>
故事背景設定於土改完成之後。以農民金根和其妻子月香為主要人物。金根為人訥言而善良。月香則精明而善於處事,本在上海幫傭,後來回到農村。</p><p>
在飢餓中,他們同旁人一樣,都不得不面對沉重而名目繁多的苛捐雜稅,也需要參加各種種政治活動。最終,爲了給四鄉的軍屬拜年,農會給每家攤派半隻豬和四十斤年糕。金根因王同志說他斤兩不足而「嚷起來」,被視為「反革命分子」</p>
span元素
<span>
女兒阿招也在混亂中被人踩踏致死。月香同負傷出逃的金根躲在山中。金根為免禍延妻子,投水自殺。</span><span>
月香則燒掉了村中的倉庫,自己也被民兵趕入火海之中。等到春天來臨時,村裡依舊彌漫著飢餓。</span>
區塊元素、線內元素
在HTML中可以大致分成「區塊」與「線內」元素,除了前一個小節提到的上下排列與水平接續排列外,在寫程式時也有微小的差別。
- <p>對於「區域元素」來說</p><p>程式碼的分段並不會影響結果</p>
- <p>對於「區域元素」來說</p>
- <p>程式碼的分段並不會影響結果</p>
對於「區域元素」(例如:<p>)來說,程式碼的分段並不會影響結果,然而,對「線內元素」(例如:<span>)來說,「程式碼的分段會視為中間加了個空白鍵」
- <span>對「線內元素」來說→</span><span>←「程式碼的分段會視為中間加了個空白鍵」</span>
- <span>對「線內元素」來說→</span>
- <span>←「程式碼的分段會視為中間加了個空白鍵」</span>
<h1>~<h6>
「標題元素」數字越小階級越大,屬於區塊元素。
- <h1>10491</h1>
- <h2>台北市</h2>
- <h3>中山區</h3>
- <h4>長安東路二段</h4>
- <h5>141號</h5>
- <h6>中山女中</h6>
請記得:<h1>~<h6>,是區塊元素跟<p>屬同一類,換行不需要加<br>
b、i、u、del
b(粗體 Bold text)、i(斜體 Italic text)、u(底線)、del(刪除文字 Deleted text),以上元素皆與<span>同為線內元素,換行需加<br>
- <b>中山女中</b>、<i>成功高中</i>、<u>北一女中</u>、<del>建國中學</del>
strong、em、mark、small、ins
strong(重要 Important text)、em(強調 Emphasized text)、mrak(高亮 Marked text)、small(小 Small text)、ins(插入 Inserted text),以上元素皆與<span>同為線內元素,換行需加<br>
- <strong>溫:溫和</strong>、<em>良:善良</em>、<mark>恭:恭敬</mark>、<small>儉:節儉</small>、<ins>讓:忍讓</ins>
sup、sub
sup(上標 superscripted text)、sub(下標 subscripted text)
- <p>畢氏定理:a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
- <p>哈伯法製氨:N<sub>2</sub>+3H<sub>2</sub>→2NH<sub>3</sub></p>