-
當(dāng)前位置:首頁(yè) > 創(chuàng)意學(xué)院 > 技術(shù) > 專(zhuān)題列表 > 正文
html頁(yè)面的基本結(jié)構(gòu)
大家好!今天讓創(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
本文目錄:
一、請(qǐng)寫(xiě)出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)頁(yè)正文內(nèi)容 -->
</body>
</html>
二、2. HTML文檔的基本結(jié)構(gòu)由哪些標(biāo)記組成
<html>
<head>
<title>標(biāo)題</title>
</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)記<!--和結(jié)束標(biāo)記-->構(gòu)成,這兩個(gè)標(biāo)記之間的文字被瀏覽器解釋為注釋?zhuān)辉跒g覽器窗口中顯示。例如:
<!-- 注釋標(biāo)記的作用主要就是對(duì)某句和某段代碼進(jìn)行注釋 -->
三、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)是什么
如圖:
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è)。
擴(kuò)展資料:
標(biāo)簽詳解:
1.<!doctype>:是聲明用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。并不是 HTML 標(biāo)簽。<!doctype html>:html5網(wǎng)頁(yè)聲明,表示網(wǎng)頁(yè)采用html5。
2.<meta>:提供有關(guān)頁(yè)面的元信息(針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞等),寫(xiě)在<head>標(biāo)簽內(nèi)。
a)<meta charset="UTF-8">:設(shè)置頁(yè)面的編碼格式UTF-8;
b)<meta name="Generator" content="EditPlus">:說(shuō)明生成工具為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頁(yè)面的基本結(jié)構(gòu)相關(guān)問(wèn)題的回答。希望能幫到你,如有更多相關(guān)問(wèn)題,您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún),客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。
推薦閱讀:
用html做一個(gè)5個(gè)頁(yè)面的網(wǎng)頁(yè)(用html做一個(gè)5個(gè)頁(yè)面的網(wǎng)頁(yè)怎么做)
好看的html網(wǎng)頁(yè)(網(wǎng)頁(yè)制作)
中國(guó)電腦排行榜前十名(中國(guó)電腦排行榜前十名有哪些)
猜你喜歡
ai自動(dòng)寫(xiě)小說(shuō)(ai自動(dòng)寫(xiě)小說(shuō)網(wǎng)頁(yè))
小紅書(shū)ぴ排名少年seo(小紅書(shū)top10)
國(guó)家基金委認(rèn)定的A刊(國(guó)家基金aab)
最新app推廣項(xiàng)目平臺(tái)(地推拉新app推廣接單平臺(tái))
sem推廣賬戶(hù)托管(sem推廣賬戶(hù)分為哪四個(gè)層級(jí))
seo常被應(yīng)用于哪些領(lǐng)域(seo常被應(yīng)用于哪些領(lǐng)域的)
反向競(jìng)價(jià)采購(gòu)是什么意思(什么叫反向競(jìng)價(jià)采購(gòu)-)