Web程序開發(fā)：第3章 HTML基本元素

1、 第三章 HTML基本元素第3章 HTML基本元素3.1 結(jié)構(gòu)元素3.2 文本格式3.3 字符格式3.1 結(jié)構(gòu)元素、 3.1.1 在與之間可以包含的元素主要包括：meta、title、base、style、link。meta：定義頁面元信息title：設(shè)置頁面標(biāo)題base：設(shè)置基底網(wǎng)址 頁面標(biāo)題 3.1.1 1、title：設(shè)置頁面標(biāo)題 請?jiān)诖溯斎腠撁鏄?biāo)題3.1.1 2、meta：設(shè)置頁面元信息 不包含任何內(nèi)容。 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。必需的屬性屬性值描述contentsome_text定義與 http-equiv 或 name 屬性相關(guān)的元信息屬性值描述http-equi

2、vcontent-typeexpiresrefreshset-cookie把 content 屬性關(guān)聯(lián)到 HTTP 頭部。nameauthordescriptionkeywordsgeneratorrevisedothers把 content 屬性關(guān)聯(lián)到一個(gè)名稱。可選的屬性3.1.1 2、meta：設(shè)置頁面元信息標(biāo)記中的http-equiv屬性用于設(shè)置一個(gè)http的標(biāo)題域，但確定值由content屬性決定，name屬性用于設(shè)置元信息出現(xiàn)的形式，content屬性用于設(shè)置元信息出現(xiàn)的內(nèi)容。 3.1.1 3、base：設(shè)置頁面基底網(wǎng)址為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會從

3、當(dāng)前文檔的 url 中提取相應(yīng)的元素來填寫相對 url 中的空白。使用 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 url，而使用指定的基本 url 來解析所有的相對 url。這其中包括 、 標(biāo)簽中的 url。 注：target屬性可取值：_blank、_self、_parent、_top3.1.1 3、base：設(shè)置頁面基底網(wǎng)址為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會從當(dāng)前文檔的 url 中提取相應(yīng)的元素來填寫相對 url 中的空白。使用 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 url，而使用指定的基本 url 來解析所有的相對 url。 base例

4、子 新聞鏈接-相對url 新聞鏈接-絕對url3.1.2 在與之間的內(nèi)容是整個(gè)網(wǎng)頁的主體內(nèi)容，也是我們編寫網(wǎng)頁的主要區(qū)域。 頁面標(biāo)題 童鞋們，努力吧！否則3.2 文本格式元素用來標(biāo)識文本區(qū)塊，并附帶一定的顯示格式。：i表示1、2、3、4、5、6，分別表示一級到六級標(biāo)題：標(biāo)識段落文本：標(biāo)識預(yù)定義格式文本：標(biāo)識引用文本，默認(rèn)會對文本進(jìn)行縮進(jìn) 3.2 文本格式元素1、：i表示1、2、3、4、5、6，分別表示一級到六級標(biāo)題 一級標(biāo)題 二級標(biāo)題 三級標(biāo)題 四級標(biāo)題 五級標(biāo)題 六級標(biāo)題3.2 文本格式元素2、：表示一個(gè)段落 危樓高百尺， 手可摘星辰。 不敢高聲語， 恐驚天上人。 千山鳥飛絕，萬徑人蹤滅。

5、孤舟蓑笠翁，獨(dú)釣寒江雪。 3.2 文本格式元素3、：表示預(yù)定義格式段落 危樓高百尺， 手可摘星辰。 不敢高聲語， 恐驚天上人。 千山鳥飛絕，萬徑人蹤滅。 孤舟蓑笠翁，獨(dú)釣寒江雪。 3.2 文本格式元素4、：標(biāo)識引用文本 Here comes a long quotation: This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. 請注意，瀏覽器在 blockquote 元素前后添加了換行，并增加了外邊距。 3.3 字符格式元素用來格式化一個(gè)或幾個(gè)字符。：主體內(nèi)容加粗顯示：主體內(nèi)容斜體顯示：主體內(nèi)容添加刪除線：主體內(nèi)容強(qiáng)調(diào)顯示：主體內(nèi)容呈現(xiàn)上標(biāo)形式：主體內(nèi)容呈現(xiàn)下標(biāo)形式：定義 ruby 注釋（中文注音或字符），配合和使用3.2 文本格式元素1、 我是一個(gè)段落。 2、 我是一個(gè)段落。 3.2 文本格式元素3、 我是一個(gè)段落。 4、 我是一個(gè)段落。 3.2 文本格式元素5、和 我是一個(gè)公式：x12=9。這不是廢話嘛。 上述內(nèi)容摘自某某某語錄。 3