溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關HTML頁面基本代碼結構的案例分析的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
HTML頁面的基本代碼結構
<!DOCTYPE html>
<html>
<head>
<title>標題</title>
</head>
<body>
內容
</body>
</html>這些由<（左尖角號）、內容以及>（右尖角號）組成的叫做標簽（tag），三者缺一不可。在 HTML 中，使用<>包圍標簽的目的是方便將它們與普通文本進行區分。
上述代碼描述的是 HTML 的基本結構，主要使用了 <!DOCTYPE>、<html>、<head>、<title> 以及 <body> 等標簽。我們來分別看一下：
<!DOCTYPE> 是 Document Type Declaration 的簡稱，用來聲明文檔，也就是告知 web 瀏覽器當前頁面使用了哪種 HTML 版本編寫代碼，此處使用的是 HTML 5 的版本。聲明文檔必不可少，而且必須位于 HTML 文檔的第一行；
<html> 表示頁面編寫的代碼都是 HTML 代碼。它是成對出現的標簽，直到 </html> 結束。除了聲明文檔外的所有代碼都必須寫在 <html></html> 中間；
<head> 表示頁面的"頭部"，頁面的 title（標題）一般寫在 <head></head> 中間；
<title> 表示頁面的標題；
<body> 表示頁面的"身體"，頁面中的絕大部分內容都可以寫在 <body></body> 之間。
可分為幾層：
第一層：
<!DOCTTYPE>------！文檔類型，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣的文檔類型定義（DTD）來解析文檔，在html5文檔中，一般寫為<!DOCTTYPE html> ;值得注意的是，<!DOCTTYPE>不屬于html標簽。
<html></html>-------html標簽，是html文檔的根標簽，所有的網頁標簽都放在這對標簽中，是所有html標簽的祖先容器。
第二層：
<head></head>-------頭部標簽，代表著html文檔的頭信息，是所有頭部元素的容器，內部一般包含：<title> <script><style><meta><link>這些頭部元素。
<body></body>-------網頁主體標簽，其內部主要包含著構成網頁內容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會在網頁的內容部分顯示。
3、標簽的屬性
就如人有這身高、體重、年齡等這些屬性一樣，html標簽也有自己的屬性，如字體顏色，寬，高，背景等。這些屬性一般通過鍵值對的形式卸載標簽中，是標簽的一部分，并且每種標簽的屬性都不完全像同，有的標簽有著自己特有的屬性。如下圖所示：
4、html注釋
在實際開發中，我們需要在html文檔中做一些標記，方便日后對代碼的維護及修改，也方便其他程序員了解我們的代碼。而在html文檔中，注釋的格式為:
HTML 2中標簽的區別
HTML 中的標簽根據閉合狀態可以分為 2 種，單閉合標簽和自閉和標簽。接下來看一下它們之間的區別。
1. 單閉合標簽
HTML 基本結構中的 <html></html>、<head></head>、<title></title> 以及 <body></body> 標簽都屬于單閉合標簽。其中 <html>、<head>、<title> 以及<body>標簽叫做起始標簽，</html>、</head>、</title> 以及 </body> 標簽叫做結束標簽。由此我們可以看出，單閉合標簽是指起始標簽和結束標簽同時存在的標簽。
2. 自閉和標簽
自閉和標簽與單閉合標簽的區別在于，它的結束標簽可以使用/（結尾斜線）替代，直接寫在起始標簽的尾部。例如圖像標簽 <img> 可以寫成 <img />，換行標簽 <br> 可以寫成 <br />。在后面的講述中我們會講解 <img /> 標簽以及 <br />，這里只需要了解。
感謝各位的閱讀！關于HTML頁面基本代碼結構的案例分析就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
