正文

html頁(yè)面的基本結(jié)構(gòu)

發(fā)布時(shí)間：2023-04-08 04:49:41 稿源：創(chuàng)意嶺閱讀： 80

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于html頁(yè)面的基本結(jié)構(gòu)的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話(huà)答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶(hù)端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶(hù)遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話(huà)175-8598-2043，或添加微信：1454722008

本文目錄:

1、請(qǐng)寫(xiě)出html5的基本結(jié)構(gòu)
2、2． HTML文檔的基本結(jié)構(gòu)由哪些標(biāo)記組成
3、HTML文件的基本結(jié)構(gòu)格式
4、網(wǎng)頁(yè)源代碼的基本結(jié)構(gòu)是什么

html頁(yè)面的基本結(jié)構(gòu)

一、請(qǐng)寫(xiě)出html5的基本結(jié)構(gòu)

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>

二、2． HTML文檔的基本結(jié)構(gòu)由哪些標(biāo)記組成

<html>

<head>

</head>

<body>

這里是內(nèi)容，顯示在頁(yè)面中

</body>

</html>

上面就是HTML文檔的基本結(jié)構(gòu)。

HTML文檔的基本結(jié)構(gòu)

1 、<HTML>...</HTML>文檔標(biāo)記

這個(gè)標(biāo)記是全部文檔內(nèi)容的容器，<HTML>是開(kāi)始標(biāo)記，</HTML>是結(jié)束標(biāo)記，它們分別是網(wǎng)頁(yè)的第一個(gè)和最后一個(gè)標(biāo)記，其他標(biāo)記代碼都位于這兩個(gè)標(biāo)記之間。

2、<HEAD>...</HEAK>首部標(biāo)記

首部標(biāo)記<HEAD>...</HEAK>用于提供與Web頁(yè)有關(guān)的各種信息。在首部標(biāo)記中，可以使用<TITLE>...</TITLE>標(biāo)記來(lái)指定網(wǎng)頁(yè)的標(biāo)題，<STYLE>和</STYLE>標(biāo)記來(lái)定義CSS樣式表，使用<SCRIPT>和</SCRIPT>標(biāo)記來(lái)插入腳本，等等。

3、<BODY>...</BODY>正文標(biāo)記

正文標(biāo)記包含了文檔的內(nèi)容，文字、圖像、動(dòng)畫(huà)、超鏈接以及其他HTML元素均位于該標(biāo)記中。正文標(biāo)記有下列屬性。

Backgroud:指定文檔背景圖像的URL地址。

Bgcolor:指定文檔的背景顏色。

Text:指定文檔中的文本顏色。

Link：指定文檔中鏈接的顏色。

VLink：指定文檔中已被訪問(wèn)過(guò)的鏈接顏色。

ALink：指定文檔中正被選中的鏈接顏色。

ONLoad：指定文檔首次加載時(shí)調(diào)用的事件處理程序。

ONUNLoad：指定文檔卸載時(shí)調(diào)用的事件處理程序。

4 、文檔的基本結(jié)構(gòu)

<HTML>

<HEAD>

<TITLE>這是我的第一張網(wǎng)頁(yè) </TITLE>

</HEAD>

<BODY>

這是我做的第一張網(wǎng)頁(yè)。

</BODY>

</HTML>

2.1.4、注釋標(biāo)記

在HTML語(yǔ)言中，注釋由開(kāi)始標(biāo)記構(gòu)成，這兩個(gè)標(biāo)記之間的文字被瀏覽器解釋為注釋?zhuān)辉跒g覽器窗口中顯示。例如：

三、HTML文件的基本結(jié)構(gòu)格式

首先一開(kāi)始是需要指定文檔類(lèi)型的，比如圖中的!doctype html，就是指定html5的文檔類(lèi)型。

然后就是html標(biāo)簽了，html里面分為head和body二個(gè)標(biāo)簽。具體的作用下面來(lái)講。

在head標(biāo)簽里，我們首先關(guān)鍵的是需要指定title，這個(gè)就是瀏覽器標(biāo)題上顯示的網(wǎng)頁(yè)標(biāo)題。

然后可以在這里加上style等樣式內(nèi)容，用來(lái)美化頁(yè)面輸出的。

在body標(biāo)簽里，就是網(wǎng)頁(yè)的具體內(nèi)容了，我們?cè)诰W(wǎng)頁(yè)上看到的各種輸出，比如表格，表單，圖片，視頻等內(nèi)容，都是在這個(gè)body里寫(xiě)的代碼的。

四、網(wǎng)頁(yè)源代碼的基本結(jié)構(gòu)是什么

如圖：

html頁(yè)面的基本結(jié)構(gòu)

1.無(wú)論是動(dòng)態(tài)還是靜態(tài)頁(yè)面都是以“<html>”開(kāi)始，然后在網(wǎng)頁(yè)最后以“</html>”結(jié)尾。

2.<head>”頁(yè)頭

其在<head></head>中的內(nèi)容是在瀏覽器中內(nèi)容無(wú)法顯示的，這里是給服務(wù)器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區(qū)域，而里面“<title></title>”中放置的是網(wǎng)頁(yè)標(biāo)題。

3.“<meta name="keywords" content="關(guān)鍵字" /> <meta name="description" content="本頁(yè)描述或關(guān)鍵字描述" /> ”

這兩個(gè)標(biāo)簽里的內(nèi)容是給搜索引擎看的說(shuō)明本頁(yè)關(guān)鍵字及本張網(wǎng)頁(yè)的主要內(nèi)容等SEO可以用到。

4."<body></body> "

也就是常說(shuō)的body區(qū) ，這里放置的內(nèi)容就可以通過(guò)瀏覽器呈現(xiàn)給用戶(hù)，其內(nèi)容可以是table表格布局格式內(nèi)容，也可以DIV布局的內(nèi)容，也可以直接是文字。這里也是最主要區(qū)域，網(wǎng)頁(yè)的內(nèi)容呈現(xiàn)區(qū)。

5.最后是以"</html> "結(jié)尾，也就是網(wǎng)頁(yè)閉合。

以上是一個(gè)完整的最簡(jiǎn)單的html語(yǔ)言基本結(jié)構(gòu)，通過(guò)以上可以再增加更多的樣式和內(nèi)容充實(shí)網(wǎng)頁(yè)。

html頁(yè)面的基本結(jié)構(gòu)