首頁  >  文章  >  web前端  >  HTML文件基本格式的詳細介紹

HTML文件基本格式的詳細介紹

黄舟
黄舟原創
2017-04-24 10:12:433230瀏覽

一、HTML文檔基本格式:

<!DOCTYPE html>  //文档类型声明
<html lang=&#39;zh-cn&#39;>                  //表示HTML文档开始
<head>              //包含文档元数据开始
<meta charset=&#39;utf8&#39;>           //声明字符编码
<title>基本</title>     //设置文档标题
</head>     //包含文档元数据结束
<body>     //表示HTML文档内容
</body>     //表示HTML
<a href="http://wwww.baidu.com">百度</a>
</html>      //表示HTML文档结束

二、文檔結構解析:

#1、Doctype

文檔類型宣告(Document Type Declaration,也稱為Doctype),它主要告訴瀏覽器所查看的文件類型。

<!DOCTYPE html>  不区分大小写

2、html元素

首先,元素就是標籤的意思,html元素即html標籤。 html元素是文檔開始和文檔結尾的元素。它是一個首尾呼應的雙標籤,html元素有一個屬性和值

lang='zh-cn',表示文檔語言為簡體中文

<html>   如果为英文则,lang="en"

3、head元素

用來包含元資料內容,元資料包括:2cdf5bf648cf2f33323966d7f58a7f3f、e8e496c15ba93d81f6ea4fe5f55a2244、da581d5a9873ed3d35632116ab586a49、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89、b2386ffb911b14667cb8f0f91ea547a7。這些內容用來瀏覽器提供訊息,例如link提供CSS資訊。 script提供JavaScript訊息,title提供頁面標題等。

<head>...</head>   //这些信息在页面不可见

4、meta元素

這個元素用來提供關於文檔的信息,其實結構有一個屬性是:charset='utf8'。表示告訴瀏覽器頁面採用的編碼為什麼格式。一般情況下,就用utf8.當然,檔案儲存的時候也是utf8,而瀏覽器也設定utf8既可正確顯示中文。

<meta charset=&#39;utf-8&#39;>

5、title元素

這個元素很簡單,顧名思義:設定瀏覽器左上角的標題

<title>标题</title>

6、body元素

用來包含文件內容的元素,也就是瀏覽器可見區域部分。所有的可見內容都應該在這裡面添加。

<body>...</body>

7、a元素

一個超鏈接,後面會詳細討論。

<a href=&#39;http://www.baidu.com&#39;>百度</a>

三、元素標籤探討:

HTML是一種標記語言,剛才的結構我們已經詳細探討過,這裡,我們再剖析以下這些“標記”,或者叫標籤是怎麼構成的。

1、元素

   元素是一組告訴瀏覽器如何處理一些內容的標籤。每個元素都有一個關鍵字,例如:6c04bd5ca3fcae76e30b72ad730ca86d、b2386ffb911b14667cb8f0f91ea547a7、e8e496c15ba93d81f6ea4fe5f55a2244都是元素。不同的標籤名稱代表不同的意義。後面將會涉及段落標籤,文字標籤、連結標籤、圖片標籤等。

   元素

一般分為兩種:單一標籤(空白元素)與雙標籤。但標籤通常用於聲明或插入某個元素。例如聲明字元編碼用e8e496c15ba93d81f6ea4fe5f55a2244.插入圖片用62c09581e8b6314bd76391014da14c50,雙標籤一般用於設定一段區域的內容,將其包含起來。例如段落:

<p>...</p>

2、屬性和值

元素除了有單雙之分,元素的內容還可以設定屬性和值。這些屬性值用來改變元素某些方面的行為。例如超連結:3499910bf9dac5ae3c52d5ede7383485中的href屬性。裡面替換網址即可連結到不同的網站當然一個元素裡面可以設定多個屬性,甚至是自訂屬性。

以上是HTML文件基本格式的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn