-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當(dāng)前位置：首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
html頁面的基本結(jié)構(gòu)
發(fā)布時(shí)間：2023-04-08 04:49:41
稿源：
創(chuàng)意嶺 閱讀：
80
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于html頁面的基本結(jié)構(gòu)的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等
只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008
本文目錄:
構(gòu).jpg)
一、請(qǐng)寫出html5的基本結(jié)構(gòu)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 網(wǎng)頁正文內(nèi)容 -->
</body>
</html>
二、2． HTML文檔的基本結(jié)構(gòu)由哪些標(biāo)記組成
<html>
<head>
<title>標(biāo)題</title>
</head>
<body>
這里是內(nèi)容，顯示在頁面中
</body>
</html>
上面就是HTML文檔的基本結(jié)構(gòu)。
HTML文檔的基本結(jié)構(gòu)
1 、<HTML>...</HTML>文檔標(biāo)記
這個(gè)標(biāo)記是全部文檔內(nèi)容的容器，<HTML>是開始標(biāo)記，</HTML>是結(jié)束標(biāo)記，它們分別是網(wǎng)頁的第一個(gè)和最后一個(gè)標(biāo)記，其他標(biāo)記代碼都位于這兩個(gè)標(biāo)記之間。
2、<HEAD>...</HEAK>首部標(biāo)記
首部標(biāo)記<HEAD>...</HEAK>用于提供與Web頁有關(guān)的各種信息。在首部標(biāo)記中，可以使用<TITLE>...</TITLE>標(biāo)記來指定網(wǎng)頁的標(biāo)題，<STYLE>和</STYLE>標(biāo)記來定義CSS樣式表，使用<SCRIPT>和</SCRIPT>標(biāo)記來插入腳本，等等。
3、<BODY>...</BODY>正文標(biāo)記
正文標(biāo)記包含了文檔的內(nèi)容，文字、圖像、動(dòng)畫、超鏈接以及其他HTML元素均位于該標(biāo)記中。正文標(biāo)記有下列屬性。
Backgroud:指定文檔背景圖像的URL地址。
Bgcolor:指定文檔的背景顏色。
Text:指定文檔中的文本顏色。
Link：指定文檔中鏈接的顏色。
VLink：指定文檔中已被訪問過的鏈接顏色。
ALink：指定文檔中正被選中的鏈接顏色。
ONLoad：指定文檔首次加載時(shí)調(diào)用的事件處理程序。
ONUNLoad：指定文檔卸載時(shí)調(diào)用的事件處理程序。
4 、文檔的基本結(jié)構(gòu)
<HTML>
<HEAD>
<TITLE>這是我的第一張網(wǎng)頁 </TITLE>
</HEAD>
<BODY>
這是我做的第一張網(wǎng)頁。
</BODY>
</HTML>
2.1.4、注釋標(biāo)記
在HTML語言中，注釋由開始標(biāo)記<!--和結(jié)束標(biāo)記-->構(gòu)成，這兩個(gè)標(biāo)記之間的文字被瀏覽器解釋為注釋，而不在瀏覽器窗口中顯示。例如：
<!-- 注釋標(biāo)記的作用主要就是對(duì)某句和某段代碼進(jìn)行注釋 -->
三、HTML文件的基本結(jié)構(gòu)格式
首先一開始是需要指定文檔類型的，比如圖中的!doctype html，就是指定html5的文檔類型。
然后就是html標(biāo)簽了，html里面分為head和body二個(gè)標(biāo)簽。具體的作用下面來講。
在head標(biāo)簽里，我們首先關(guān)鍵的是需要指定title，這個(gè)就是瀏覽器標(biāo)題上顯示的網(wǎng)頁標(biāo)題。
然后可以在這里加上style等樣式內(nèi)容，用來美化頁面輸出的。
在body標(biāo)簽里，就是網(wǎng)頁的具體內(nèi)容了，我們?cè)诰W(wǎng)頁上看到的各種輸出，比如表格，表單，圖片，視頻等內(nèi)容，都是在這個(gè)body里寫的代碼的。
四、網(wǎng)頁源代碼的基本結(jié)構(gòu)是什么
如圖：
1.無論是動(dòng)態(tài)還是靜態(tài)頁面都是以“<html>”開始，然后在網(wǎng)頁最后以“</html>”結(jié)尾。
2.<head>”頁頭
其在<head></head>中的內(nèi)容是在瀏覽器中內(nèi)容無法顯示的，這里是給服務(wù)器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區(qū)域，而里面“<title></title>”中放置的是網(wǎng)頁標(biāo)題。
3.“<meta name="keywords" content="關(guān)鍵字" /> <meta name="description" content="本頁描述或關(guān)鍵字描述" /> ”
這兩個(gè)標(biāo)簽里的內(nèi)容是給搜索引擎看的說明本頁關(guān)鍵字及本張網(wǎng)頁的主要內(nèi)容等SEO可以用到。
4."<body></body> "
也就是常說的body區(qū) ，這里放置的內(nèi)容就可以通過瀏覽器呈現(xiàn)給用戶，其內(nèi)容可以是table表格布局格式內(nèi)容，也可以DIV布局的內(nèi)容，也可以直接是文字。這里也是最主要區(qū)域，網(wǎng)頁的內(nèi)容呈現(xiàn)區(qū)。
5.最后是以"</html> "結(jié)尾，也就是網(wǎng)頁閉合。
以上是一個(gè)完整的最簡(jiǎn)單的html語言基本結(jié)構(gòu)，通過以上可以再增加更多的樣式和內(nèi)容充實(shí)網(wǎng)頁。
擴(kuò)展資料：
標(biāo)簽詳解：
1.<!doctype>：是聲明用哪個(gè) HTML 版本進(jìn)行編寫的指令。并不是 HTML 標(biāo)簽。<!doctype html>：html5網(wǎng)頁聲明，表示網(wǎng)頁采用html5。
2.<meta>：提供有關(guān)頁面的元信息（針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞等），寫在<head>標(biāo)簽內(nèi)。
a）<meta charset="UTF-8">：設(shè)置頁面的編碼格式UTF-8；
b）<meta name="Generator" content="EditPlus">：說明生成工具為EditPlus；
c）<meta name="Author" content="">：告訴搜索引擎站點(diǎn)制作的作者；
d）<meta name="Keywords" content="">：告訴搜索引擎網(wǎng)站的關(guān)鍵字；
e）<meta name="Description" content="">：告訴搜索引擎網(wǎng)站的內(nèi)容；
參考資料：html代碼-百度百科
以上就是關(guān)于html頁面的基本結(jié)構(gòu)相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。
推薦閱讀：
用html做一個(gè)5個(gè)頁面的網(wǎng)頁（用html做一個(gè)5個(gè)頁面的網(wǎng)頁怎么做）
贛公網(wǎng)安備 50019002502384號(hào)
