HTML 文件基本結構
HTML 文件和普通文本文件不一樣的地方還在于,我們如果想在 HTML 文件當中編寫網頁的內容,我們不僅要遵循 HTML 的語法,我們還必須按照 HTML 文件的結構來編寫我們的代碼,只有我們按照規(guī)定的結構來編寫代碼,才能達到我們想要的效果。
1. HTML 結構代碼展示
<!DOCTYPE HTML> <!-- HTML5標準網頁聲明 -->
<HTML> <!-- HTML為根標簽,代表整個網頁 -->
<head> <!-- head為頭部標簽,一般用來描述文檔的各種屬性和信息, 包括標題等-->
<meta charset="UTF-8"> <!-- 設置字符集為utf-8 -->
<title>my HTML</title> <!-- 設置瀏覽器的標題 -->
</head>
<!-- 網頁所有的內容都寫在body標簽內 -->
<body>
我的第一個HTML網頁
</body>
</HTML>
Tips:
<!-- -->
為HTML文件的注釋, 注釋的內容寫在<!-- -->
內,但不會在頁面中顯示。
2. HTML 文件結構詳解
-
<!DOCTYPE HTML>
標簽:為文檔類型聲明,表示該文件為 HTML5 文件。 <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位于
<HTML>
標簽之前。 -
<HTML></HTML>
標簽對:<HTML>
標簽位于 HTML 文檔的最前面,用來標識 HTML 文檔的開始;</HTML>
標簽位于 HTML 文檔的最后面,用來標識 HTML 文檔的結束;這兩個標簽對成對存在,中間的部分是文檔的頭部和主題。 -
<head></head>
標簽對:標簽包含有關 HTML 文檔的信息,可以包含一些輔助性標簽。如
<title></title>
,<link /><meta />
,<style></style>
,<script></script>
等,但是瀏覽器除了會在標題欄顯示<title>
元素的內容外,不會向用戶顯示head
元素內的其他任何內容。 -
<body></body>
標簽對:它是 HTML 文檔的主體部分,在這個標簽中可以包含
<p><h1><br>
等眾多標簽,<body>
標簽出現(xiàn)在</head>
標簽之后,且必須在閉標簽</HTML>
之前閉合。
3. 小結
- HTML文件必須按照規(guī)定結構來熟悉;
<!DOCTYPE HTML>
代表HTML5
標準網頁聲明;HTML
標簽代表網頁根標簽;head
代表頭部標簽,一般用來放描述文檔的各種屬性和信息;meta
標簽用來設置當前文件的編碼集;title
標簽用來設置網頁的標題;body
用來放網頁的主體內容。
代碼展示:
<!DOCTYPE HTML> <!-- HTML5標準網頁聲明,放在HTML文件的最頂部 -->
<HTML> <!-- HTML為根標簽,代表整個網頁 -->
<head> <!-- head為頭部標簽,一般用來描述文檔的各種屬性和信息, 包括標題等-->
<meta charset="UTF-8"> <!-- 設置字符集為utf-8 -->
<title>my HTML</title> <!-- 設置瀏覽器的標題 -->
</head>
<!-- 網頁所有的內容都寫在body標簽內 -->
<body>
我的第一個HTML網頁
</body>
</HTML>