1. 程式人生 > 實用技巧 >HTML中的文字元素第一部分

HTML中的文字元素第一部分

在HTML中有很多對純文字進行排版的元素統稱為文字元素,下面我們來學習一下。

第一個要學習的是<h1><h6>這六個元素,在HTML中這些元素用來設定文章的標題,

<h1>代表一級標題,<h2>代表二級標題,等等,請你先不要看答案,自己用html語言在瀏覽器裡顯示如下內容

答案如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1>Heading 1</h1>
 6 <h2>Heading 2</h2>
7 <h3>Heading 3</h3> 8 <h4>Heading 4</h4> 9 <h5>Heading 5</h5> 10 <h6>Heading 6</h6> 11 12 </body> 13 14 15 </html>
View Code

大家注意到沒有,每個標題會自動在它的上面和下面各空出一行,具有這個特點被稱為塊元素,<h1>到<h6>都是塊元素。

在html中設定了文章標題後,那段落用什麼元素呢?在英語裡段落被稱為paragraph,大家一定可以猜出段落元素是<p>了吧

請大家程式設計實現上面的效果。

答案如下:

1 <!DOCTYPE html>
2 <html>
3 <body>
4 <p>This is a paragraph.</p>
5 <p>This is a paragraph.</p>
6 <p>This is a paragraph.</p>
7 </body>
8 </html>
View Code