原標題：[前端Web]HTML語法最全解-建議收藏

1. 標簽全解

1.1 文件標記

作用：文檔聲明標簽。定義該文檔是html5的文檔，位于標簽前面

詳解：

HTML總共有很多的版本，那么瀏覽器怎么知道我們在使用哪個版本呢？

為了讓瀏覽器知道我們使用的HTML版本，我們需要在網頁的最上邊添加一個doctype聲明，來告訴瀏覽器網頁的版本。

標簽：

作用：文件聲明，告訴瀏覽器知道這是HTML文件。它定義了整個HTML文檔。頁面中最大的標簽，稱為根標簽

語法：它有一個開始標簽，以及一個結束標簽 。中間是其他HTML的元素標簽。

屬性：

lang屬性：用來定義當前文檔 顯示的語言【en為英語，zh-CN為中文】

作用：頭標簽。作用于文件開頭，提供文件整體的信息，引入外部的資源，指定HTML文檔的一些屬性。

注意：在

標簽內必須設置title標簽標簽：

作用：標題標簽，一般會在網頁的標題欄【瀏覽器的頂端】上顯示

標簽：

作用：主體標簽，用來設置網頁的主體，所有在頁面中能看到的內容都應該編寫到body標簽中

1.2 排版標記

標簽：

作用：說明標記，做注釋使用，瀏覽器并不會執行/顯示注釋內容

添加注釋是為了更好地解釋代碼的功能。便于開發人員理解和閱讀代碼

標簽：

作用：段落標簽，為字、畫、表格之間留一行空白

特點：

文本在一個段落中會根據瀏覽器窗口的大小自動換行

段落和段落之間保有空隙

標簽：

作用：強制換行標簽，讓字、畫、表格在下一行顯示【閉合標簽】

---

標簽：

作用：水平線。插入一條水平線

標簽：

作用：水平居中。讓字、畫、表格水平居中

標簽：

作用：預設標簽，讓標簽里面的內容按照原本格式輸出

標簽：

作用：塊級標簽。相當于一個盒子，用來裝內容的

特點：一個div獨占一行

標簽：

作用：強制不換行標簽。在排版時，比如文章標題的排版，希望無論多少字也不換行顯示，那可以使用標簽來實現。

語法：內容

標簽：

作用：建議換行標簽。規定在文本中的何處適合添加換行符。比如單詞太長，可以使用元素來添加換行。

語法：內容

1.3 字體標記

~

標簽：

作用：標題標簽。變化程度與級數成反比。

標記最大，

標記最小

特點：

加了標題的文字會變加粗，字號也會依次變大

一個標題獨占一行

標簽：

作用：粗體標簽。標簽可以強調的是字體外觀的加粗效果

標簽：

作用：加重語氣。標簽也是對字體加粗的效果，但是與標簽不同的時，標簽是要強調的內容，起一個強調充分的作用。

還有就是搜索引擎更加注重標簽下的關鍵詞。但是，如果頁面上有太多的strong標簽，可能不利于排名。所以雖然strong標簽更利于排名，但也需較少的使用。

標簽：

作用：斜體標簽。字體會出現斜體效果。

標簽：

作用：強調標記：字體出現斜體效果。標簽是要強調的內容，起一個強調充分的作用，搜索引擎更加注重標簽。

標簽：

作用：字體變小，呈現小號字體效果。

如果被包圍的字體已經是字體模型所支持的最小字號，那么 標簽將不起任何作用。并且 標簽也可以嵌套，從而連續地把文字縮小。

標簽：

作用：字體變大，呈現大號字體效果。

如果被包圍的字體已經是字體模型所支持的最大字號，那么標簽將不起任何作用。并且 標簽也可以嵌套，從而連續地把文字縮大。

_標簽：

作用：定義下標文字。

^標簽：

作用： 定義上標文字。

標簽：

作用：字體標簽。設置文字的字體、大小和顏色等屬性

標簽：

作用：規定頁面上的默認字體顏色和字號

標簽：

作用：文字的刪除線。定義文檔中已被刪除的文本。表示刪除的內容，顯示時通常會加上刪除線

標簽：

作用：帶有下滑線的文本。表示插入的內容，顯示時通常會加上下劃線

標簽：

作用：可以指明對某內容的引用或參考。例如，戲劇、文章或圖書的標題，歌曲、電影、照片或雕塑的名稱等

標簽：

作用：定義塊引用，也叫長引用【當

標簽內的文本較多的時候使用】標簽之間的所有文本都會從原來文本中分離出來，還會在左、右兩邊進行縮進(增加外邊距)

標簽：

作用：定義塊引用，也叫短引用【當標簽內的文本較少的時候使用】

效果：瀏覽器經常在引用的內容外邊添加引號

標簽：

作用：代碼標簽。

標簽：

作用：表示變量的名稱，或者由用戶提供的值。經常與和

標簽一起使用，用來顯示計算機編程代碼范例及類似方面的特定元素。還有就是用標簽標記的文本通常顯示為斜體

標簽：【少用】

作用：類似打字機或者等寬的文本效果，字母寬度相同

標簽：【少用】

作用：定義鍵盤文本

標簽：【少用】

作用：標記那些對特殊術語或短語的定義

u標簽：[少用，在 HTML 4.01 中不推薦]

作用：斜體

標簽：

作用：定義文檔或文章的作者/擁有者的聯系信息

效果：

元素中的文本通常呈現為斜體。大多數瀏覽器會在 address 元素前后添加折行

標簽：【少用】

作用：字體稍微加寬，和差不多

1.4 清單標記

標簽：

作用：有序列表。清單將以數字、字母順序排列

• 標簽：【重點】

作用： 無序列表。清單將以圓點排列

標簽：

作用： 定義列表項目

標簽可用在有序列表 (

) 和無序列表 (

• ) 中

作用： 自定義列表，結合

標簽。【創建一個列表】

場景：自定義列表常用于對術語或名詞進行解釋和描述，定義列表的列表項前沒有任何項目符號

標簽：

作用： 列表的標題

標簽：

作用：【列表的內容，也就是縮進的部分】

作用：定義目錄列表

例如：

內容

內容

1.5 表格標記

作用：表格標記，設定表格的各項整體參數

標簽：

作用： 表格標題。caption 標簽必須緊隨

作用：表格行標簽

標簽：

作用： 表頭單元格，包含表頭信息

特點：內容居中，加粗顯示

標簽：

作用： 標準單元格，包含數據

標簽：

作用：表格的頭部區域

使用場景：因為表格可能很長，所以為了更好的表示表格的語義，可以將表格分割為表格頭部、表格主體和表格頁腳部分，這樣可以更好的分清表格結構

標簽：

作用：表格的主體區域

標簽：

作用：表格的頁腳區域

align屬性：【center/left/right】規定表格相對周圍元素的對齊方式

border屬性：【1或""】規定表格單元是否擁有邊框。默認為""，表示沒有邊框

cellpadding屬性：【像素值】規定單元邊沿與其內容之間的空白，默認1像素

cellspacing屬性：【像素值】規定單元格之間的空白，默認2像素

width屬性：【像素值或者百分比】規定表格的寬度

height屬性： 【像素值或者百分比】規定表格的高度

合并單元格：

方式：

跨行合并：rowspan="合并單元格的個數"

跨列合并：colspan="合并單元格的個數"

合并步驟：

先確定是跨行還是跨列

然后找到目標單元格，寫上合并方式=合并的單元格數量

刪除多余的單元格

1.6 表單標記

標簽：

作用：表單標記。統一設置表單屬性

屬性：

action屬性=”URL地址“：用于指定接收并處理表單數據的服務器程序的URL地址

method屬性="提交方式"：用于設置表單數據的提交方式，其取值為GET/POST

name屬性=”表單域名稱“：用于指定表單的名稱，以區分同一個頁面中的多個表單域

標簽：

作用： 輸入標記。用于搜集用戶信息。根據不同的type屬性值，輸入字段擁有很多種形式

標簽中包含一個type屬性，根據type屬性設置不同的屬性值來指定不同的控件類型

標簽除了屬性的其他屬性：

name屬性：定義input元素的名稱

value屬性：規定input元素的值

checked屬性：首次加載時是否被選中 【屬性值：checked】

maxlength屬性：規定輸入字段中的最大長度 【屬性值：正整數即可】

注意：

name和value時每個表單元素都有的屬性值，主要給后臺人員使用

單選按鈕和復選框要有相同的name值

checked屬性主要針對于單選按鈕和復選框，例如：默認選中某個表單元素

標簽：

作用：為input元素定義標注(標記)。用于綁定一個表單元素，當點擊標簽內的文本時，瀏覽器就會自動將焦點(光標)轉到或者選擇對應的表單元素上，用來增加用戶體驗。

語法：中的for屬性值和元素的id屬性值保持一致

標簽：

作用： 下拉選擇標簽，創建單選或多選菜單。配合標簽

標簽：

作用： 選項標簽。定義下拉列表中的一個選項(一個條目)

在中定義selected="selected"，表示當前選項設為默認選中項

標簽：

作用： 文本域。定義多行的文本輸入控件

屬性：

rows屬性：顯示的行數

cols屬性：每行中的字符數

注意：實際開發中不會使用，都是用CSS來改變大小

1.7 圖像標記

標簽：

作用：圖像標簽。插入圖片并設置圖片屬性【閉合標簽】

屬性：

src屬性：是標簽的必須屬性，用于指定圖像文件的路徑和文件名

alt屬性：如果無法顯示圖像，瀏覽器將顯示替代文本

title屬性：鼠標放到文字上，顯示的文字

width屬性：單位像素，設置圖片的寬度

height屬性： 單位像素，設置圖片的高度

border屬性： 單位像素，設置圖片邊框的粗細

1.8 鏈接標記

標簽：

作用： 超鏈接標簽

空連接：百度，表示沒有確定的鏈接目標時

屬性：

href屬性：指定鏈接的目標i地址【必選屬性】

target屬性：指定鏈接頁面的打開方式。其中_self為默認值，在當前頁面打開；_blank為在新窗口中打開

錨點鏈接：

在鏈接文本的href屬性中，設置屬性值為"#名字"的形式。例如：第一

找到目標位置標簽，里面添加一個id屬性=剛才的名字。例如：

第一詳情

標簽：

作用： 為頁面上的相對鏈接規定默認地址或默認target屬性

解釋：通常情況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。使用 標簽可以改變這一點。使用該標簽后，之后的相對鏈接就可以從標簽指定的目錄為基礎開始寫，就簡短多了

位置：標簽必須位于 head 元素內部

1.9 框架標記

標簽：

作用： 定義一個框架集，它被用來組織多個窗口。每個窗口都是一個獨立的html界面。簡單說就是拆分窗口的

注意：

標簽不能和標簽同時存在，標簽就是用來替代標簽的

標簽：

作用： 定義 frameset中的具體的一個特定窗口

標簽：

作用：頁內框架，用于網頁中間插入框架(即行內框架)

標簽：

作用： 為不支持框架的瀏覽器顯示文本。如果瀏覽器不支持框架時的提示。noframes 元素位于 frameset 元素內部

1.10 影像地圖

標簽：

作用： 定義一個客戶端圖像映射。圖像映射(image-map)指帶有可點擊區域的一幅圖像

標簽：

作用： 定義圖像映射中的區域(注：圖像映射指得是帶有可點擊區域的圖像)

1.11 多媒體

標簽：

作用： 背景音樂

標簽：

作用： 多媒體。加入聲音、音樂或影像

1.12 樣式表

作用： 樣式表，用于CSS

標簽：

作用： 行內元素。相當于一個盒子，用來裝內容的

特點：一行可以有多個

1.13 其他標簽

標簽：

作用： 提供有關頁面的元信息，比如針對搜索引擎和更新頻度的描述和關鍵詞

屬性：

設置頁面的字符集：

設置網頁的描述：

設置網頁的關鍵字：

請求的重定向：

字符集：是多個字符的集合，以便計算機能夠識別和存儲各種文字

charset常用的值：UTF8、GBK、GB2312、BIG5。其中UTF8為萬國碼，基本包含了全世界國家所需的字符。

標簽：

作用： 標簽定義文檔與外部資源的關系

標簽： 【不常用】

作用： 走動文字。令文字左右走動

標簽： 【不常用】

作用： 閃爍文字

標簽：

作用： 頁內尋找器。可輸入關鍵字尋找該一頁

2. 特殊字符

在HTML中，一些特殊的字符很難或者不方便直接使用，就可以使用特殊字符來代替使用

責任編輯：

總結

以上是生活随笔為你收集整理的跨行合并居中html标记语言,[前端Web]HTML语法最全解-建议收藏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。