2019-11-13 seo達(dá)人
HTML基本概況
HTML文檔基本格式
樣式如下：
注意：文章以下出現(xiàn)的“《》”書名號僅代表大于號“>”和小于號“<”。
主要包括：<!DOCTYPE>文檔類型聲明、《html》根標(biāo)記、《head》頭部標(biāo)記、《bady》主題標(biāo)記。
1.<!DOCTYPE>標(biāo)記
標(biāo)記位于文檔的最前面，用于向瀏覽器說明 當(dāng)前文檔使用哪種 HTML 或 XHTML 標(biāo)準(zhǔn)規(guī)范。
2.《html》標(biāo)記
《html》標(biāo)記位于<!DOCTYPE>標(biāo)記之后，也稱根標(biāo)記。用于告知瀏覽器其本身是一個HTML文檔。《html》標(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)記，一個HTML文檔只能有一對《head》標(biāo)記。
4.《body》標(biāo)記
《body》標(biāo)記用于定義HTML文檔所要顯示的內(nèi)容，也稱主體標(biāo)記。瀏覽器中所要顯示的所有文本、圖像、音頻、和視頻等信息都必須位于《body》標(biāo)記內(nèi)。一個HTML文檔只能有一對《body》標(biāo)記。
HTML標(biāo)記
所謂標(biāo)記就是放在”<>"標(biāo)記中表示 某個功能的編碼命令，也稱為HTML標(biāo)簽或HTML元素。
1.單標(biāo)記和雙標(biāo)記
雙標(biāo)記：也稱體標(biāo)記，是指由開始和結(jié)束兩個標(biāo)記符組成的標(biāo)記?；菊Z法格式如下：
<標(biāo)記名>內(nèi)容</標(biāo)記名>
單標(biāo)記：也稱空標(biāo)記，是指用一個標(biāo)記符號即可完整的描述某個功能的標(biāo)記。基本語法格式如下：
<標(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)。一個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中是一個單標(biāo)記。
基本語法格式：
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文本控制標(biāo)記
1.標(biāo)題和段落標(biāo)記
（1）標(biāo)題標(biāo)記
HTML提供了6個等級的標(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鍵換行的段落在瀏覽器中實際上并沒有換行，只是多出來了一個字符的空格，而使用換行標(biāo)記的段落卻實現(xiàn)了強(qiáng)制換行的效果。
2.文本樣式標(biāo)記
文本樣式標(biāo)記《font》，用來控制網(wǎng)頁中的字體、字號和顏色?；菊Z法格式如下：
《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)記
藍(lán)藍(lán)設(shè)計的小編 http://www.wnxcall.com