亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

五月的夏天 · 更新于 2020-11-04

HTML 文件基本結構

HTML 文件和普通文本文件不一樣的地方還在于，我們如果想在 HTML 文件當中編寫網頁的內容，我們不僅要遵循 HTML 的語法，我們還必須按照 HTML 文件的結構來編寫我們的代碼，只有我們按照規定的結構來編寫代碼，才能達到我們想要的效果。

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 文件結構詳解

  1. <!DOCTYPE HTML> 標簽：

    為文檔類型聲明，表示該文件為 HTML5 文件。 <!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <HTML>標簽之前。

  2. <HTML></HTML>標簽對：

    <HTML> 標簽位于 HTML 文檔的最前面，用來標識 HTML 文檔的開始； </HTML> 標簽位于 HTML 文檔的最后面，用來標識 HTML 文檔的結束；這兩個標簽對成對存在，中間的部分是文檔的頭部和主題。

  3. <head></head> 標簽對：

    標簽包含有關 HTML 文檔的信息，可以包含一些輔助性標簽。如 <title></title> ，<link /><meta /> ， <style></style> ， <script></script> 等，但是瀏覽器除了會在標題欄顯示 <title> 元素的內容外，不會向用戶顯示 head 元素內的其他任何內容。

  4. <body></body> 標簽對：

    它是 HTML 文檔的主體部分，在這個標簽中可以包含 <p><h1><br> 等眾多標簽，<body> 標簽出現在 </head> 標簽之后，且必須在閉標簽 </HTML> 之前閉合。

3. 小結

  1. HTML文件必須按照規定結構來熟悉；
  2. <!DOCTYPE HTML> 代表 HTML5 標準網頁聲明；
  3. HTML 標簽代表網頁根標簽；
  4. head 代表頭部標簽，一般用來放描述文檔的各種屬性和信息；
  5. meta 標簽用來設置當前文件的編碼集；
  6. title 標簽用來設置網頁的標題；
  7. 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>

圖片描述