html文件基本結(jié)構(gòu)介紹

2020-03-24 15:42:33

字體：大中小

供稿：網(wǎng)友

一個(gè)HTML文件的基本結(jié)構(gòu)如下：

<html><head>...</head><body>...</body></html>

代碼講解如下：

1、<html></html>稱之為根標(biāo)簽，所有的網(wǎng)頁標(biāo)簽都是在它們中間的。

2、<head></head>標(biāo)簽用于定義文檔的頭部，它是頭部元素的容器。頭部元素包含有<title>、<style>、<scipt>、<link>、<meta>等標(biāo)簽。

3、在<body>和<body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁的主體內(nèi)容，如：<h1>、<span>、<a>、<img>、<p>等網(wǎng)頁內(nèi)容標(biāo)簽，在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中展示。

（推薦教程：html入門教程）

整體代碼如下展示：

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>認(rèn)識(shí)html文件基本結(jié)構(gòu)</title></head><body>    <h1>html文件的基本結(jié)構(gòu)包含&lt;html&gt;&lt;/html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;</h1></body></html>

瀏覽器展示效果：