一個HTML文件的基本機構以下:html
<html>
<head>...</head>
<body>...</body>
</html>
代碼講解以下:
1.<html></html>稱之爲根標籤,全部的網頁標籤都是在它們中間的。
2.<head></head>標籤用於定義文檔的頭部,它是頭部元素的容器。頭部元素包含有<title>、<style>、<scipt>、<link>、<meta>等標籤。
3.在<body>和<body>標籤之間的內容是網頁的主體內容,如:<h1>、<span>、<a>、<img>、<p>等網頁內容標籤,在這裏的標籤中的內容會在瀏覽器中展現。瀏覽器
總體代碼以下展現:ui
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>認識html文件基本結構</title> 8 </head> 9 <body> 10 <h1>html文件的基本結構包含<html></html><head></head><body></body></h1> 11 </body> 12 </html>
瀏覽器展現效果如圖所示:spa