HTML5前端開發入門:HTML頁面的基本代碼結構是什麼?

艾特程序員 發佈 2020-08-19T08:58:25+00:00

什麼是標籤:html標籤組成是html文檔的最基本元素,一般是成對出現,由開始標籤和與其對應的結束標籤構成.?

很多剛入門HTML5前端開發的小夥伴對HTML頁面的基本機構代碼還不是很清楚,下面和千鋒廣州小編一起來看看吧。

1、什麼是標籤:

html標籤組成是html文檔的最基本元素,一般是成對出現,由開始標籤和與其對應的結束標籤構成.?如<html></html>,<p></p>,<body></body>,<head></head>,<span></span>等,此外,還有一些標籤是單獨出現的,如<img/>,<input/>等,標籤可以相互嵌套使用。

由於html語言是一門弱類型語言,對格式的要求不是非常嚴格,因此所有標籤是不區分大小寫的,但是,一般在實際開發中,大家都統一使用小寫。

2、html文檔的基本結構

如上圖,每一個html文檔的基本結構為:

第一層:

<!DOCTTYPE>------!文檔類型,它的目的是要告訴標準通用標記語言解析器,它應該使用什麼樣的文檔類型定義(DTD)來解析文檔,在html5文檔中,一般寫為<!DOCTTYPE html> ;值得注意的是,<!DOCTTYPE>不屬於html標籤。

<html></html>-------html標籤,是html文檔的根標籤,所有的網頁標籤都放在這對標籤中,是所有html標籤的祖先容器。

第二層:

<head></head>-------頭部標籤,代表著html文檔的頭信息,是所有頭部元素的容器,內部一般包含:<title> <script><style><meta><link>這些頭部元素。

<body></body>-------網頁主體標籤,其內部主要包含著構成網頁內容的一些元素,如<p></p>,<span></span>,<div></div>,<table></table>等。這些元素都會在網頁的內容部分顯示。

3、標籤的屬性

就如人有這身高、體重、年齡等這些屬性一樣,html標籤也有自己的屬性,如字體顏色,寬,高,背景等。這些屬性一般通過鍵值對的形式卸載標籤中,是標籤的一部分,並且每種標籤的屬性都不完全像同,有的標籤有著自己特有的屬性。如下圖所示:

4、html注釋

在實際開發中,我們需要在html文檔中做一些標記,方便日後對代碼的維護及修改,也方便其他程式設計師了解我們的代碼。而在html文檔中,注釋的格式為:

我們可以理解為,html中,標籤元素是給計算機讀的,為注釋是給程式設計師看的。

以上就是今天分享的內容,希望對大家有幫助哦!

關鍵字: