Html介紹,認識html文件基本結構

一個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文件的基本結構包含&lt;html&gt;&lt;/html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;</h1>
11 </body>
12 </html>

瀏覽器展現效果如圖所示:spa

相關文章
相關標籤/搜索