PART2HTML語言

PART2 HTML語言介紹

學習導航：

1. HTML語言的基礎知識

2. HTML的常用標記

3. 網頁基本元素之文本

4. 網頁基本元素之多媒體

5. 網頁基本元素之超鏈接

6. 表格

7. 框架

1. 網頁設計的內功——HTML(超文本標記語言)

1.1 理解什么是HTML語言

HTML語言的定義：

HTML(HyperText Mark-up Language)即超文本標記語言或超文本鏈接標示語言，是描述網頁的一種語言，也是目前網絡上應用最為廣泛的語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。

理解：什么是超鏈接？什么是超文本？

擴展知識：搜索引擎的原理

首先是用蜘蛛(Spider)進行全網搜索，自動抓取網頁；然后將抓取的網頁進行索引，同時也會記錄與檢索有關的屬性，中文搜索引擎中還需要首先對中文進行分詞；最后，接受用戶查詢請求，檢索索引文件并按照各種參數進行復雜的計算，產生結果并返回給用戶。比如：百度、谷歌。

百度和谷歌的排名區別：超鏈分析技術和PageRank技術

理解：什么是標記語言

擴展知識：搜索引擎的原理

置標(markup)這個詞來源自傳統出版業的“標記”一個手稿，也就是在原稿的邊緣加注一些符號來指示打印上的要求。 長久以來，這個工作都是由專門的人("markup men" )以及校對人來進行，對原稿標志出使用什么樣的字體，字型以及字號，然后再將原稿交給其他人進行手工的排版工作。超文本標記語言的也是同樣的道理，通過標記來描述網頁上所顯示的文字、圖片、多媒體等信息。

1.2 HTML語言的基本結構

…………………………………………………根控制標記

THIS IS MY FIRST WEBPAGE!…設置瀏覽器的窗口標題

HELLO,THIS IS MY FIRST WEBPAGE!

實訓練習1：利用記事本工具編寫一個顯示“Hello world！”的網頁文件。

1.3 HTML控制標記的格式

：單一型，無設置值。如換行標記：

：單一型，有設置值。如：

---

； (head之間)

…標記名稱>：對稱型，無設置值。如：

…標記名稱>：對稱型，有設置值。如：

實訓練習2：給“Hello world！”網頁加上背景顏色和背景音樂，并重新審視此網頁文件所使用標記的格式。

2. HTML語言的常用標記

(1)Title標簽用來定義網頁的標題。

(2)meta標簽

下的屬性：

屬性名稱：name 屬性值：author description keywords generator revised others

Content 屬性值：“字符串”

例如：

說明網頁的文檔類型及語言類型

擴展：了解搜索引擎的基本原理，思考搜索引擎營銷。

(3)
換行

(4)

段落。格式：

…

屬性名稱：align，屬性值：left、center、right

(5)

---

水平直線

屬性名稱：size，屬性值：像素(絕對設置)、百分比(相對設置)

屬性名稱：width，屬性值：像素(絕對設置)、百分比(相對設置)

(6)標題文字設置

格