站長資訊網(wǎng)
（推薦教程：html教程）
HTML頁面的基本代碼結構
<!DOCTYPE html> <html> <head> <title>標題</title> </head> <body> 內(nèi)容 </body> </html>
這些由<（左尖角號）、內(nèi)容以及>（右尖角號）組成的叫做標簽（tag），三者缺一不可。在 HTML 中，使用<>包圍標簽的目的是方便將它們與普通文本進行區(qū)分。
上述代碼描述的是 HTML 的基本結構，主要使用了 <!DOCTYPE>、<html>、<head>、<title> 以及 <body> 等標簽。我們來分別看一下：
-
<!DOCTYPE>是 Document Type Declaration 的簡稱，用來聲明文檔，也就是告知 web 瀏覽器當前頁面使用了哪種 HTML 版本編寫代碼，此處使用的是 HTML 5 的版本。聲明文檔必不可少，而且必須位于 HTML 文檔的第一行； -
<html>表示頁面編寫的代碼都是 HTML 代碼。它是成對出現(xiàn)的標簽，直到</html>結束。除了聲明文檔外的所有代碼都必須寫在<html></html>中間； -
<head>表示頁面的"頭部"，頁面的 title（標題）一般寫在<head></head>中間； -
<title>表示頁面的標題； -
<body>表示頁面的"身體"，頁面中的絕大部分內(nèi)容都可以寫在<body></body>之間。
可分為幾層：
第一層：
<!DOCTTYPE>——！文檔類型，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣的文檔類型定義（DTD）來解析文檔，在html5文檔中，一般寫為<!DOCTTYPE html> ;值得注意的是，<!DOCTTYPE>不屬于html標簽。
<html></html>——-html標簽，是html文檔的根標簽，所有的網(wǎng)頁標簽都放在這對標簽中，是所有html標簽的祖先容器。
第二層：
<head></head>——-頭部標簽，代表著html文檔的頭信息，是所有頭部元素的容器，內(nèi)部一般包含：<title> <script><style><meta><link>這些頭部元素。
<body></body>——-網(wǎng)頁主體標簽，其內(nèi)部主要包含著構成網(wǎng)頁內(nèi)容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會在網(wǎng)頁的內(nèi)容部分顯示。
3、標簽的屬性
就如人有這身高、體重、年齡等這些屬性一樣，html標簽也有自己的屬性，如字體顏色，寬，高，背景等。這些屬性一般通過鍵值對的形式卸載標簽中，是標簽的一部分，并且每種標簽的屬性都不完全像同，有的標簽有著自己特有的屬性。如下圖所示：
4、html注釋
在實際開發(fā)中，我們需要在html文檔中做一些標記，方便日后對代碼的維護及修改，也方便其他程序員了解我們的代碼。而在html文檔中，注釋的格式為:
HTML 2中標簽的區(qū)別
HTML 中的標簽根據(jù)閉合狀態(tài)可以分為 2 種，單閉合標簽和自閉和標簽。接下來看一下它們之間的區(qū)別。
1. 單閉合標簽
HTML 基本結構中的 <html></html>、<head></head>、<title></title> 以及 <body></body> 標簽都屬于單閉合標簽。其中 <html>、<head>、<title> 以及<body>標簽叫做起始標簽，</html>、</head>、</title> 以及 </body> 標簽叫做結束標簽。由此我們可以看出，單閉合標簽是指起始標簽和結束標簽同時存在的標簽。
2. 自閉和標簽
自閉和標簽與單閉合標簽的區(qū)別在于，它的結束標簽可以使用/（結尾斜線）替代，直接寫在起始標簽的尾部。例如圖像標簽 <img> 可以寫成 <img />，換行標簽 <br> 可以寫成 <br />。在后面的講述中我們會講解 <img /> 標簽以及 <br />，這里只需要了解。
