天天看點

HTML基本結構

html的基本機構 

完整的html檔案至少包括<html>标簽、<head>标簽、<title>标簽和<body>标簽,并且這些标簽都是成對出現的,開頭标簽為<>,結束标簽為</>,在這兩個标簽之間添加内容。通過這些标簽中的相關屬性可以設定頁面的背景色、背景圖像等。 1. html文檔的結構 

html文檔主要由3部分組成。 

●html部分:html部分以<html>标簽開始,以</html>标簽結束。 <html> „„ </html> 

<html>标簽告訴浏覽器這兩個标簽中間的内容是html文檔。 

●頭部:頭部以<head>标簽開始,以</head>标簽結束。這部分包含顯示在網頁标題欄中的标題和其他在網頁中不顯示的資訊。标題包含在<title>和</title>标簽之間。 

<head> 

<title>„„</title> 

</head> 

●主體部分:主體部分包含在網頁中顯示的文本、圖像和連結。主體部分以<body>标簽開始,以</body>标簽結束。 <body> </body> 

小經驗:标簽不區分大小寫,是以使用者可以使用<html>來代替<html>。

<html>

<html  文檔的開始>

<head>

<html  文檔的頭部開始>

<title>

<html  文檔的标題資訊開始>

</title>

<html  文檔的标題資訊結束>

</head>

<html  文檔的頭部結束>

<body>

<html  文檔的主體開始>

</body>

<html  文檔的主體結束>

<html  文檔的結束>

由上表可以看出,html檔案的最基本結構,主要包含4個标記,即<html><html>,<head></head>,<title></title>,<body></body>,它們的含義分别如下所述:

   (1):<html><html>:辨別html檔案的開始與結束,在一般的html檔案中均須具備該标記。

   (2):<head></head>:html檔案的頭部标記,主要用來旋轉html檔案的說明資訊,搜尋目前檔案的關鍵字等資訊,也可以在該标記之間放置如javascript,vbscript和css等類型的腳本。

   (3):<title></title>:html檔案的标題資訊,即目前檔案在浏覽器中浏覽時有浏覽器視窗的标題欄上顯示的文字,該标記幾乎所有的html檔案中均須具務。

   (4):<body></body>:html檔案的主體标記,即隻有在<body></body>标記中編輯的網頁對象才可以在浏覽器視窗中顯示,該标記具有多個标記屬性,其所有的标記屬性基本上都是用來控制目前html檔案的頁面屬性,具體描述如下:

◆onload屬性:載入函數,其取值為url。

◆bgcolor屬性:檔案的背景顔色,其屬性值為顔色值。如#ff0000(紅色)。

◆text屬性:檔案中文本的顔色,其屬性值為顔色值。

◆background屬性:檔案的背景圖像,其屬性值為

◆link屬性:檔案中連結的初始顔色,其屬性值為顔色值。

◆vlink屬性:檔案中通路過的連結顔色,其屬性值為顔色值。

◆alink屬性:檔案中被激活的連結的顔色,其屬性值為顔色值。

◆leftmargin屬性:檔案的左邊界,其屬性值為某個正整數,機關是像素(pixel)。

◆topmargin屬性:檔案的上邊界,其屬性值為某個正整數,機關是像素(pixel)。

◆marginwidth屬性:檔案的邊界寬度,其屬性值為某個正整數,機關是像素(pixel)。

◆marginheight屬性:檔案的邊界高度,其屬性值為某個正整數,機關是像素(pixel)。

例如: