HTML文檔基本格式

1,html是什么?

html是一種超文本標(biāo)記語(yǔ)言,也是目前網(wǎng)絡(luò)上應(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í)任何一門(mén)語(yǔ)言，都要首先掌握它的基本格式，HTML標(biāo)記語(yǔ)言也不例外。要想制作豐富多彩的HTML網(wǎng)頁(yè)，首先需要掌握HTML文檔的基本格式。

本案例通過(guò)編寫(xiě)一個(gè)簡(jiǎn)單的HTML網(wǎng)頁(yè)，使初學(xué)者更好地理解HTML文檔的基本格式。

我們?cè)谖覀兊木庉嬈髦杏益I新建一個(gè)html文件

微信圖片_20180314100113.png

命名為demo1.html

我們?cè)诰庉嬈?這里用的是PhpStorm)可以看到這樣的頁(yè)面:

微信圖片_20180314100245.png

<!DOCTYPE>標(biāo)記:

<!DOCTYPE> ?標(biāo)記位于文檔的最前面，用于向?yàn)g覽器說(shuō)明當(dāng)前文檔使用哪種?HTML 或?XHTML 標(biāo)準(zhǔn)規(guī)范，如【demo1】中使用的是標(biāo)準(zhǔn)的html格式文檔。

?在開(kāi)頭處使用<!DOCTYPE>標(biāo)記為所有的 HTML?文檔指定 HTML?版本和類(lèi)型，只有這樣瀏覽器才能將該網(wǎng)頁(yè)作為指定的文檔類(lèi)型進(jìn)行解析。

<html></html>標(biāo)記:

<html>標(biāo)記位于<!DOCTYPE> 標(biāo)記之后，也稱(chēng)為根標(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 文檔的頭部信息，也稱(chēng)為頭部標(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ù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示在頁(yè)面中。

<meta></meta>標(biāo)記:

META標(biāo)簽是HTML標(biāo)記HEAD區(qū)的一個(gè)關(guān)鍵標(biāo)簽，它位于HTML文檔的<head>和<title>之間(有些也不是在<head>和<title>之間)。它提供的信息雖然用戶(hù)不可見(jiàn)，但卻是文檔的最基本的元信息。<meta>除了提供文檔字符集(例如本例的utf-8編碼格式)、使用語(yǔ)言、作者等基本信息外，還涉及對(duì)關(guān)鍵詞和網(wǎng)頁(yè)等級(jí)的設(shè)定。

<title></title>標(biāo)記:

能在欄目上顯示你需要的文字,例如<title>PHP中文網(wǎng)</title>

微信圖片_20180314101534.png