2019-11-13 seo達人
HTML基本概況
HTML文檔基本格式
樣式如下：
注意：文章以下出現的“《》”書名號僅代表大于號“>”和小于號“<”。
主要包括：<!DOCTYPE>文檔類型聲明、《html》根標記、《head》頭部標記、《bady》主題標記。
1.<!DOCTYPE>標記
標記位于文檔的最前面，用于向瀏覽器說明 當前文檔使用哪種 HTML 或 XHTML 標準規范。
2.《html》標記
《html》標記位于<!DOCTYPE>標記之后，也稱根標記。用于告知瀏覽器其本身是一個HTML文檔。《html》標記標志著HTML文檔的開始，《/html》標記標志著HTML文檔的結束，在他們之間的是文檔的頭部和主體內容。
3.《head》標記
《head》標記用于定義HTML文檔的頭部信息，也稱頭部信息。緊跟在《html》標記之后，主要用來封存其他位于文檔頭部的標記，一個HTML文檔只能有一對《head》標記。
4.《body》標記
《body》標記用于定義HTML文檔所要顯示的內容，也稱主體標記。瀏覽器中所要顯示的所有文本、圖像、音頻、和視頻等信息都必須位于《body》標記內。一個HTML文檔只能有一對《body》標記。
HTML標記
所謂標記就是放在”<>"標記中表示 某個功能的編碼命令，也稱為HTML標簽或HTML元素。
1.單標記和雙標記
雙標記：也稱體標記，是指由開始和結束兩個標記符組成的標記。基本語法格式如下：
<標記名>內容</標記名>
單標記：也稱空標記，是指用一個標記符號即可完整的描述某個功能的標記?；菊Z法格式如下：
<標記名/>
2.注釋標記
注意：注釋標記中不能嵌套注釋標記
標記屬性
《h1 align = center》標題文本《h1》其中align為屬性名，center位屬性值，表示“標題文本”居中對齊，對于標題標記還可以設置文本左對齊、右對齊，對應的屬性值是left和right。
在鑲嵌結構中，HTML 元素總是遵循“就近原則”。
HTML文檔頭部相關標記
1.設置頁面標題標記
《title》標記用于定義HTML頁面的標題，必須位于《head》標記之內。一個HTML文檔只能有一對《title》《/title》標記，《title》《/title》之間的內容將顯示在瀏覽器窗口的標題欄中，基本語法格式如下：
《title》網頁標題名稱《/title》
2.定義頁面元信息標記《meta/》
《meta/》標記用于定義頁面的元信息，可重復在《head》頭部標記中，在HTML中是一個單標記。
基本語法格式：
1.1《meta name=“名稱” content="值“/》
(1)設置網頁關鍵字
《meta name=“keywords” content="…"》
content屬性的值用于定義關鍵字的具體內容，多個關鍵字內容之間可以用“，”分隔。
（2）設置網頁描述
《meta name=“description” content=“…"》
content屬性的值是用于定義描述的具體內容。需要注意的是網頁描述的文字不必過多。
（3）設置網頁作者
《meta name=“auther” content=“…”》
content屬性的值是用于定義具體的作者信息。
2.1《meta http-equiv=“名稱“ content=”值“
（1）設置字符集
《meta http-equiv=“Content-Type” content=“text/html；charset=utf-8“/》
（2）設置頁面自動刷新與跳轉
《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，設置水平線的對齊方式 可選擇left、right、center三種值，默認為center，居中對齊
屬性名：size，設置水平線的粗細 以像素為單位，默認為2像素
屬性名：color，設置水平線的顏色 可用顏色名稱、十六進制#RGB、right（r,g,b）
屬性名：width，設置水平線的寬度 可以是確定的像素值，也可以是瀏覽器窗口的百分比，默認為100%
（4）換行標記《br/》
使用Enter鍵換行的段落在瀏覽器中實際上并沒有換行，只是多出來了一個字符的空格，而使用換行標記的段落卻實現了強制換行的效果。
2.文本樣式標記
文本樣式標記《font》，用來控制網頁中的字體、字號和顏色?；菊Z法格式如下：
《font 屬性=“屬性值”》文本內容《/font》
屬性名 含義
face 設置文字的字體，例如微軟雅黑、黑體、宋體等
size 設置文字的大小，可以取1~7之間的整數值
color 設置文字的顏色
注意：XHTML中不贊同使用《font》標記，可使用CSS樣式代替《font》來定義文本的字體、大小和顏色。
3.文本格式化標記
標記 顯示效果
《i》《/b》 字體以粗體方式顯示
《i》《/i》 字體以斜體方式顯示
《s》《/s》 字體以加刪除線方式顯示
《u》《/u》 字體以加下劃線方式顯示
4.特殊字符標記