HTML基本概況





HTML文檔基本格式

樣式如下：



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

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

1.<!DOCTYPE>標(biāo)記

標(biāo)記位于文檔的最前面，用于向?yàn)g覽器說明 當(dāng)前文檔使用哪種 HTML 或 XHTML 標(biāo)準(zhǔn)規(guī)范。

2.《html》標(biāo)記

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

3.《head》標(biāo)記

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

4.《body》標(biāo)記

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



HTML標(biāo)記

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

1.單標(biāo)記和雙標(biāo)記

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

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

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

<標(biāo)記名/>

2.注釋標(biāo)記



注意：注釋標(biāo)記中不能嵌套注釋標(biāo)記



標(biāo)記屬性

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

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



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

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

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

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

2.定義頁面元信息標(biāo)記《meta/》

《meta/》標(biāo)記用于定義頁面的元信息，可重復(fù)在《head》頭部標(biāo)記中，在HTML中是一個(gè)單標(biāo)記。

基本語法格式：

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

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

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

content屬性的值用于定義關(guān)鍵字的具體內(nèi)容，多個(gè)關(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文本控制標(biāo)記

1.標(biāo)題和段落標(biāo)記

（1）標(biāo)題標(biāo)記

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

《hn align=“對齊方式“》標(biāo)題文本《/hn》

（2）段落標(biāo)記

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

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

（3）水平線標(biāo)記《hr/》



含義 屬性值

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

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

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

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

（4）換行標(biāo)記《br/》

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

2.文本樣式標(biāo)記

文本樣式標(biāo)記《font》，用來控制網(wǎng)頁中的字體、字號和顏色。基本語法格式如下：

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



屬性名 含義

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

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

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

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

3.文本格式化標(biāo)記



標(biāo)記 顯示效果

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

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

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

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

4.特殊字符標(biāo)記