HTML頁面的基本代碼結構是什么？
發(fā)布時間：2024-06-09 點擊：140
（推薦教程：html教程）
html頁面的基本代碼結構
<!doctype html><html><head> <title>標題</title></head><body>內容</body></html>這些由<（左尖角號）、內容以及>（右尖角號）組成的叫做標簽（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> 表示頁面的"身體"，頁面中的絕大部分內容都可以寫在 <body></body> 之間。
可分為幾層：
第一層：
<!docttype>——！文檔類型，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣的文檔類型定義（dtd）來解析文檔，在html5文檔中，一般寫為<!docttype html> ;值得注意的是，<!docttype>不屬于html標簽。
<html></html>——-html標簽，是html文檔的根標簽，所有的網(wǎng)頁標簽都放在這對標簽中，是所有html標簽的祖先容器。
第二層：
<head></head>——-頭部標簽，代表著html文檔的頭信息，是所有頭部元素的容器，內部一般包含：<title> <script><style><meta><link>這些頭部元素。
<body></body>——-網(wǎng)頁主體標簽，其內部主要包含著構成網(wǎng)頁內容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會在網(wǎng)頁的內容部分顯示。
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 />，這里只需要了解。
更多編程相關知識，請訪問：編程視頻課程！！
定位云端服務器到期續(xù)費得多少錢啊
云服務器能掛qq嗎
電腦遇到kk錄像機沒有聲音如何解決
域名沒有了-域名及賬戶問題
這個解析對嗎-虛擬主機/數(shù)據(jù)庫問題
更換郵箱默認頭像-企業(yè)郵局
網(wǎng)站可以設置二級域名嗎？網(wǎng)站如何添加二級域名？
企業(yè)建網(wǎng)站哪些方面需側重處理
html頁面的基本代碼結構
<!doctype html><html><head> <title>標題</title></head><body>內容</body></html>這些由<（左尖角號）、內容以及>（右尖角號）組成的叫做標簽（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> 表示頁面的"身體"，頁面中的絕大部分內容都可以寫在 <body></body> 之間。
可分為幾層：
第一層：
<!docttype>——！文檔類型，它的目的是要告訴標準通用標記語言解析器，它應該使用什么樣的文檔類型定義（dtd）來解析文檔，在html5文檔中，一般寫為<!docttype html> ;值得注意的是，<!docttype>不屬于html標簽。
<html></html>——-html標簽，是html文檔的根標簽，所有的網(wǎng)頁標簽都放在這對標簽中，是所有html標簽的祖先容器。
第二層：
<head></head>——-頭部標簽，代表著html文檔的頭信息，是所有頭部元素的容器，內部一般包含：<title> <script><style><meta><link>這些頭部元素。
<body></body>——-網(wǎng)頁主體標簽，其內部主要包含著構成網(wǎng)頁內容的一些元素，如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會在網(wǎng)頁的內容部分顯示。
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 />，這里只需要了解。
更多編程相關知識，請訪問：編程視頻課程！！
定位云端服務器到期續(xù)費得多少錢啊
云服務器能掛qq嗎
電腦遇到kk錄像機沒有聲音如何解決
域名沒有了-域名及賬戶問題
這個解析對嗎-虛擬主機/數(shù)據(jù)庫問題
更換郵箱默認頭像-企業(yè)郵局
網(wǎng)站可以設置二級域名嗎？網(wǎng)站如何添加二級域名？
企業(yè)建網(wǎng)站哪些方面需側重處理