不朽情缘要多少本金

書名：網(wǎng)頁設(shè)計與制作教程（HTML+CSS+JavaScript）：第3版
作者名：張兵義張博主編
本章字?jǐn)?shù)： 1030字
更新時間： 2023-06-28 15:45:39

1.3.1 HTML5語法結(jié)構(gòu)

HTML文件由元素構(gòu)成，元素由標(biāo)簽、內(nèi)容和屬性3部分組成。

1.標(biāo)簽

HTML文檔由標(biāo)簽和被標(biāo)簽的內(nèi)容組成。標(biāo)簽?zāi)墚a(chǎn)生各種效果，其功能類似于一個排版軟件，將網(wǎng)頁的內(nèi)容排成理想的效果。標(biāo)簽（tag）是用一對尖括號（“<”“>”）括起來的單詞或單詞縮寫，各種標(biāo)簽的效果差別很大，但總的表示形式卻大同小異，大多數(shù)都成對出現(xiàn)。在HTML中，通常標(biāo)簽都是由開始標(biāo)簽和結(jié)束標(biāo)簽組成的，開始標(biāo)簽用“<標(biāo)簽>”表示，結(jié)束標(biāo)簽用“</標(biāo)簽>”表示，其格式如下。

<標(biāo)簽>受標(biāo)簽影響的內(nèi)容</標(biāo)簽>

例如，一級標(biāo)題標(biāo)簽<h1>表示為：

<h1>Web前端開發(fā)</h1>

需要注意以下兩點(diǎn)。

1）每個標(biāo)簽都要用“<”（小于號）和“>”（大于號）括起來，如<p>，<table>，以表示這是HTML代碼而非普通文本，“<”“>”與標(biāo)簽名之間不能留有空格或其他字符。

2）在標(biāo)簽名前加上符號“/”便是其結(jié)束標(biāo)簽，表示該標(biāo)簽內(nèi)容的結(jié)束，如</h1>。標(biāo)簽也有不用</標(biāo)簽>結(jié)尾的，稱之為單標(biāo)簽。例如，換行標(biāo)簽<br/>。

2.內(nèi)容

HTML文件中的元素是指從開始標(biāo)簽到結(jié)束標(biāo)簽的所有代碼，即一個元素通常由開始標(biāo)簽、元素內(nèi)容和結(jié)束標(biāo)簽（有些標(biāo)簽沒有結(jié)束標(biāo)簽，要寫上“>”）組成。HTML元素分為有內(nèi)容的元素和空元素兩種。

（1）有內(nèi)容的元素

有內(nèi)容的元素是由開始標(biāo)簽、結(jié)束標(biāo)簽及兩者之間的元素內(nèi)容組成的，其中元素內(nèi)容既可以是需要顯示在網(wǎng)頁中的文字內(nèi)容，也可以是其他元素。例如，<title>和</title>是標(biāo)簽，下面代碼是一個title元素。

（2）空元素

空元素只有開始標(biāo)簽而沒有結(jié)束標(biāo)簽，也沒有元素內(nèi)容。例如，<br>、<hr>（橫線）元素就是空元素。

（3）元素的嵌套

除了HTML文件元素html外，其他HTML元素都是被嵌套在另一個元素之內(nèi)的。在HTML文件中，html是最外層元素，也稱為根元素。head元素、body元素是嵌套在html元素內(nèi)的。body元素內(nèi)又嵌套許多元素。HTML中的元素可以多級嵌套，但是不能互相交叉。例如，下面代碼對于<head>和</head>標(biāo)簽來說，就是一個head元素。

同時，這個title元素又是嵌套在head元素中的另一個元素。

例如，下面是不正確的嵌套寫法，<p>元素的開始標(biāo)簽在<b>元素的外層，但它的結(jié)束標(biāo)簽卻放在了<b>元素的結(jié)束標(biāo)簽內(nèi)。

正確的HTML寫法如下。

為了防止出現(xiàn)錯誤的HTML元素嵌套，在編寫HTML文件時，建議先寫外層的一對標(biāo)簽，然后逐漸往里寫，這樣既不容易忘記寫HTML元素的結(jié)束標(biāo)簽，也可以減少HTML元素的嵌套錯誤。

3.屬性

標(biāo)簽僅僅規(guī)定這是什么信息，但是要想顯示或控制這些信息，就需要在標(biāo)簽后面加上相關(guān)的屬性。標(biāo)簽通過屬性來制作出各種效果，通常都是以“屬性名="值"”的形式來表示，用空格隔開后，還可以指定多個屬性，并且在指定多個屬性時不用區(qū)分順序，其格式如下。

<標(biāo)簽屬性1="屬性值1"屬性2="屬性值2"…>受標(biāo)簽影響的內(nèi)容</標(biāo)簽>

官术网_书友最值得收藏!

網(wǎng)頁設(shè)計與制作教程（HTML+CSS+JavaScript）：第3版

1.3.1 HTML5語法結(jié)構(gòu)