HTML基本概況





HTML文檔基本格式

樣式如下：



注意：文章以下出現(xiàn)的“《》”書名號僅代表大于號“>”和小于號“<”。

主要包括：<!DOCTYPE>文檔類型聲明、《html》根標記、《head》頭部標記、《bady》主題標記。

1.<!DOCTYPE>標記

標記位于文檔的最前面，用于向瀏覽器說明 當前文檔使用哪種 HTML 或 XHTML 標準規(guī)范。

2.《html》標記

《html》標記位于<!DOCTYPE>標記之后，也稱根標記。用于告知瀏覽器其本身是一個HTML文檔?！秇tml》標記標志著HTML文檔的開始，《/html》標記標志著HTML文檔的結(jié)束，在他們之間的是文檔的頭部和主體內(nèi)容。

3.《head》標記

《head》標記用于定義HTML文檔的頭部信息，也稱頭部信息。緊跟在《html》標記之后，主要用來封存其他位于文檔頭部的標記，一個HTML文檔只能有一對《head》標記。

4.《body》標記

《body》標記用于定義HTML文檔所要顯示的內(nèi)容，也稱主體標記。瀏覽器中所要顯示的所有文本、圖像、音頻、和視頻等信息都必須位于《body》標記內(nèi)。一個HTML文檔只能有一對《body》標記。



HTML標記

所謂標記就是放在”<>"標記中表示 某個功能的編碼命令，也稱為HTML標簽或HTML元素。

1.單標記和雙標記

雙標記：也稱體標記，是指由開始和結(jié)束兩個標記符組成的標記?；菊Z法格式如下：

<標記名>內(nèi)容</標記名>

單標記：也稱空標記，是指用一個標記符號即可完整的描述某個功能的標記?；菊Z法格式如下：

<標記名/>

2.注釋標記



注意：注釋標記中不能嵌套注釋標記



標記屬性

《h1 align = center》標題文本《h1》其中align為屬性名，center位屬性值，表示“標題文本”居中對齊，對于標題標記還可以設(shè)置文本左對齊、右對齊，對應(yīng)的屬性值是left和right。

在鑲嵌結(jié)構(gòu)中，HTML 元素總是遵循“就近原則”。



HTML文檔頭部相關(guān)標記

1.設(shè)置頁面標題標記

《title》標記用于定義HTML頁面的標題，必須位于《head》標記之內(nèi)。一個HTML文檔只能有一對《title》《/title》標記，《title》《/title》之間的內(nèi)容將顯示在瀏覽器窗口的標題欄中，基本語法格式如下：

《title》網(wǎng)頁標題名稱《/title》

2.定義頁面元信息標記《meta/》

《meta/》標記用于定義頁面的元信息，可重復在《head》頭部標記中，在HTML中是一個單標記。

基本語法格式：

1.1《meta name=“名稱” content="值“/》

(1)設(shè)置網(wǎng)頁關(guān)鍵字

《meta name=“keywords” content="…"》

content屬性的值用于定義關(guān)鍵字的具體內(nèi)容，多個關(guān)鍵字內(nèi)容之間可以用“，”分隔。

（2）設(shè)置網(wǎng)頁描述

《meta name=“description” content=“…"》

content屬性的值是用于定義描述的具體內(nèi)容。需要注意的是網(wǎng)頁描述的文字不必過多。

（3）設(shè)置網(wǎng)頁作者

《meta name=“auther” content=“…”》

content屬性的值是用于定義具體的作者信息。

2.1《meta http-equiv=“名稱“ content=”值“

（1）設(shè)置字符集

《meta http-equiv=“Content-Type” content=“text/html；charset=utf-8“/》

（2）設(shè)置頁面自動刷新與跳轉(zhuǎn)

《meta http-equiv=“refresh” content=“10；url=http；//www.itcast.cn“/》



HTML文本控制標記

1.標題和段落標記

（1）標題標記

HTML提供了6個等級的標題，即《h1》《h2》《h3》《h4》《h5》《h6》.基本語法格式如下：

《hn align=“對齊方式“》標題文本《/hn》

（2）段落標記

段落的標記就是《/p》基本語法格式如下：

《p align=“對齊方式”》段落文本《/p》

（3）水平線標記《hr/》



含義 屬性值

屬性名：align，設(shè)置水平線的對齊方式 可選擇left、right、center三種值，默認為center，居中對齊

屬性名：size，設(shè)置水平線的粗細 以像素為單位，默認為2像素

屬性名：color，設(shè)置水平線的顏色 可用顏色名稱、十六進制#RGB、right（r,g,b）

屬性名：width，設(shè)置水平線的寬度 可以是確定的像素值，也可以是瀏覽器窗口的百分比，默認為100%

（4）換行標記《br/》

使用Enter鍵換行的段落在瀏覽器中實際上并沒有換行，只是多出來了一個字符的空格，而使用換行標記的段落卻實現(xiàn)了強制換行的效果。

2.文本樣式標記

文本樣式標記《font》，用來控制網(wǎng)頁中的字體、字號和顏色?；菊Z法格式如下：

《font 屬性=“屬性值”》文本內(nèi)容《/font》



屬性名 含義

face 設(shè)置文字的字體，例如微軟雅黑、黑體、宋體等

size 設(shè)置文字的大小，可以取1~7之間的整數(shù)值

color 設(shè)置文字的顏色

注意：XHTML中不贊同使用《font》標記，可使用CSS樣式代替《font》來定義文本的字體、大小和顏色。

3.文本格式化標記



標記 顯示效果

《i》《/b》 字體以粗體方式顯示

《i》《/i》 字體以斜體方式顯示

《s》《/s》 字體以加刪除線方式顯示

《u》《/u》 字體以加下劃線方式顯示

4.特殊字符標記