HTML基礎標籤登入

HTML基礎標籤

HTML裡,比較基礎的標籤主要用於標題,段落和分行。

學習HTML最好的方法,就是跟著範例學。


正文標題

HTML用<h1>到<h6>這幾個標籤來定義正文標題,從大到小。每個正文標題自成一段。 <h1>A</h1>

<h2>B</h2>
<h3>C</h3>
<h4>D</h4>
<h5>E</h5>
<h6>F</h6>


段落分割

#<p>放眼合肥,目前哪些區域能稱的上富人區?……本站將推出系列報道,尋找合肥富人區。 </p>

<p>城市,是多數人的生活重心,對高階人士來說,更是如此。 ……同時也是合肥名副其實的「富人區」。 </p>

在HTML裡用<p>和</p>分割段落。


換行

透過使用< br>這個標籤,可以在不新建段落的情況下換行。 <br> 標籤是空標籤,沒有結束標籤,因此<br></br>是錯誤的寫法。


HTML註解

#在HTML檔裡,你可以寫程式碼註釋,解釋說明你的程式碼,這有助於你和他人日後更能理解你的程式碼。

註解可以寫在<!--和-->之間。瀏覽器是忽略註解的,你不會在HTML正文中看到你的註解。

<!-- This is a comment --> 


一些小建議

HTML檔案會自動截斷多餘的空格。不管你加多少空格,都被看做一個空格。 一個空行也被看做一個空格。

有些Tag能夠將文字自成一段,而不需要使用<p></p>來分段。例如<h1></h1>之類的標題Tag。


HTML 連結

連結指從一個網頁指向一個目標的連接關係,所指向的目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是圖片、電子郵件地址、文件、甚至是應用程序

HTML 連結是透過<a> 標籤進行定義的。

<a href="http://www.php.cn">這是一個連結</a>

##註解:在href 屬性中指定連結的位址。

(您將在本教程稍後的章節中學習更多有關屬性的知識)。


HTML 圖片

HTML 映像是透過 <img> 標籤定義的。

<img src="w3school.jpg" width="104" height="142" />

#註釋:圖像的名稱和尺寸是以屬性的形式提供的。


在後面的章節會詳細介紹這些標籤


下一節

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>HTML常用的几个标签</p> </body> </html>
章節課件