HTML文件基本格式
1,html是什麼?
html是一種超文本標(biāo)記語(yǔ)言,也是目前網(wǎng)路上應(yīng)用最為廣泛的語(yǔ)言.它主要透過(guò)html標(biāo)記對(duì)網(wǎng)頁(yè)中的文字圖片聲音等內(nèi)容進(jìn)行描述,是構(gòu)成網(wǎng)頁(yè)文檔的基礎(chǔ).
#2,html文件的基本格式
學(xué)習(xí)任何一門語(yǔ)言,都要先掌握它的基本格式,HTML標(biāo)記語(yǔ)言也不例外。想要製作豐富多彩的HTML網(wǎng)頁(yè),首先需要掌握HTML文件的基本格式。
本案例透過(guò)撰寫一個(gè)簡(jiǎn)單的HTML網(wǎng)頁(yè),讓初學(xué)者更能理解HTML文件的基本格式。
我們?cè)谖覀兊木庉嬈髦杏益I新建一個(gè)html檔案
命名為demo1.html
我們?cè)诰庉嬈?這裡用的是PhpStorm)可以看到這樣的頁(yè)面:
<!DOCTYPE>標(biāo)籤:
<!DOCTYPE> ?標(biāo)記位於文件的最前面,用於向?yàn)g覽器說(shuō)明目前文件使用哪一種?HTML或?XHTML 標(biāo)準(zhǔn)規(guī)範(fàn),如【demo1】中所使用的是標(biāo)準(zhǔn)的html格式文件。
?在開(kāi)頭處使用<!DOCTYPE>標(biāo)記為所有的 HTML?文件指定 HTML?版本和類型,只有這樣瀏覽器才能將該網(wǎng)頁(yè)作為指定的文件類型進(jìn)行解析。
<html></html>標(biāo)籤:
<html>標(biāo)記位於<! DOCTYPE> 標(biāo)記之後,也稱為根標(biāo)記,用於告知瀏覽器其自身是一個(gè)?HTML 文檔,<html>標(biāo)記標(biāo)誌著?HTML 文檔的開(kāi)始,</html>標(biāo)記標(biāo)誌著?HTML 文檔的結(jié)束,在它們之間的是文件的頭部和主體內(nèi)容。
<head></head>標(biāo)記:
#<head>標(biāo)記用於定義?HTML 文件的頭部信息,也稱為頭部標(biāo)記,緊跟在<html>標(biāo)記之後,主要用來(lái)封裝其他位於文檔頭部的標(biāo)記,例如<title>、<meta>、<link>及<style>等,用來(lái)描述文件的標(biāo)題、作者以及及其他文件的關(guān)係等。
一個(gè) HTML?文件只能含有一對(duì)<head>標(biāo)記,絕大多數(shù)文件頭部包含的資料都不會(huì)真正顯示在頁(yè)面中作為內(nèi)容。
<meta></meta>標(biāo)記:
META標(biāo)籤是HTML標(biāo)記HEAD區(qū)的一個(gè)關(guān)鍵標(biāo)籤,它位於HTML文檔的<head>和<title>之間(有些也不是在<head>和<title>之間)。它提供的資訊雖然使用者不可見(jiàn),但卻是文件的最基本的元資訊。 <meta>除了提供文件字元集(例如本例的utf-8編碼格式)、使用語(yǔ)言、作者等基本資訊外,還涉及關(guān)鍵字和網(wǎng)頁(yè)等級(jí)的設(shè)定。
<title></title>標(biāo)記:
能在欄位上顯示你需要的文字,例如<title>PHP中文網(wǎng)</title>
<body></body>標(biāo)記:
<body>標(biāo)記用於定義?HTML 文件所要顯示的內(nèi)容,也稱為主體標(biāo)記。瀏覽器中顯示的所有文字、圖像、音訊和視訊等資訊都必須位於<body>標(biāo)記內(nèi),<body>標(biāo)籤中的資訊才是最終展示給用戶看的。
一個(gè)HTML?文檔只能含有一對(duì)<body>標(biāo)記,且<body>標(biāo)記必須在<html>標(biāo)記內(nèi),位於<head>頭部標(biāo)記之後,與<head>標(biāo)記是並列關(guān)係。