HTML（Hypertext Markup Language）即超文本標記語言，是用于描述網頁文檔的一種標記語言。

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。HTML提供了許多標記，如段落標記、標題標記、超鏈接標記、圖片標記等，網頁中需要定義什么內容，就用相應的HTML標記描述即可。

 1 !DOCTYPE html !-- 表示HTML5文檔協議聲明標簽，協議的不同會影響整個頁面的顯示效果 -- 2 html !-- html 表示文檔標簽 -- 3 head !-- head 標簽表示文檔的頭部標簽，在 head 標簽中的信息是用于給瀏覽器識別的內容，如這里的 meta charset= UTF-8 用于告知瀏覽器該文檔的編碼為UTF-8 -- 4 meta charset= UTF-8 5 !-- 這是注釋，不會顯示在網頁上，注釋的內容寫在符號之間 -- 6 title 第一個HTML文件 /title !-- title 表示該文檔的標題 -- 7 /head 8 9 body !-- body 標簽為我們在瀏覽器中看到的內容 -- 10 第一個HTML文件11 /body 12 /html 

注釋的內容寫在 !-- 與 -- 符號之間，在瀏覽器中的運行效果如下

!DOCTYPE 標記位于文檔的最前面，用于向瀏覽器說明當前文檔使用哪種 HTML 或 XHTML 標準規范。主要用于瀏覽器解析文檔標簽的依據。

!DOCTYPE 標記和瀏覽器的兼容性相關，如果刪除 !DOCTYPE ，就意味著讓瀏覽器來顯示HTML頁面的內容。這時，IE6，IE7，IE8，Firefox2，Firefox3，Chrome，有多少種瀏覽器，頁面就有可能有多少種顯示效果，這是不被允許的。

html 標記位于 !DOCTYPE 標記之后，也稱為根標記，用于告知瀏覽器其自身是一個 HTML 文檔， html 標記標志著HTML文檔的開始， /html 標記標志著HTML文檔的結束，在他們之間的是文檔的頭部和主體內容。所有的標簽必須寫在 html 與 /html 這兩個閉合標簽之間。可以通過lang屬性設置當前文檔的主要語言是什么，幫助搜索引擎解析文檔，如： html lang= zh-cn /html 表示當前文檔語言為中文。

head 標記用于定義HTML文檔的頭部信息，也稱為頭部標記，緊跟在 html 標記之后。head標簽定義的內容只是提供給瀏覽器使用，不用于用戶的呈現。主要用來封裝其他位于文檔頭部的標記，例如 title 、 meta 、 link 及 style 等，用來描述文檔的標題、作者以及和其他文檔的關系等。一個HTML文檔只能含有一對 head 標記，絕大多數文檔頭部包含的數據都不會真正作為內容顯示在頁面中。

meta 標記可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。

meta 標簽位于文檔的頭部，不包含任何內容。 meta 標簽的屬性定義了與文檔相關聯的名稱/值對。如：

 meta name= keywords content= HTML,ASP,PHP,SQL 

keywords 是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。

title 標記用于定義HTML頁面的標題，即給網頁取一個名字，必須位于 head 標記之內。一個HTML文檔只能含有一對 title /title 標記， title /title 之間的內容將顯示在瀏覽器窗口的標題欄中。其基本語法格式如下：

 title 網頁標題名稱 /title 

title標簽對于網站SEO至關重要，標題的好壞直接影響網站的SEO。

link 標記最常用的用法是用來鏈接外部的CSS文件，

 link rel= stylesheet type= text/css href= theme.css?1.1.11 / 

此外還可以用來引入網站的icon圖標

 link rel= shortcut icon href= http://www.baidu.com/favicon.ico / 

標題標簽用 h1 - h6 來表示，其中 h1 定義最大的標題。 h6 定義最小的標題，從 h1 - h6 ，相對于當前文檔的重要性依次降低。建議h1標簽在整個頁面中最多出現一次（當然可以超過，但是不利于搜索SEO）。標題標簽是用于體現文檔內容的重要性，不要僅僅是為了產生粗體或大號的文本而使用標題。

注意：瀏覽器會自動地在標題的前后添加空行。

段落是通過 p 標簽定義的，p標簽之間不會相互共用一行，會獨占一行或者多行的空間。

hr標簽表示在頁面中插入一條水平線，hr標簽是單標簽，不需要閉合標簽。

br 可插入一個簡單的換行符，也是一個單標簽，不需要閉合標簽。

span 標簽被用來組合文檔中的行內元素，span標簽可以跟其他的span標簽共用一行。通常情況下，需要給span標簽應用樣式，否則與頁面上的其他文本沒有什么任何區別。

div 元素來組合塊級元素，這樣就可以使用樣式對它們進行格式化。

img 標簽向網頁中嵌入一幅圖像，從技術上講， img 標簽并不會在網頁中插入圖像，而是從網頁上鏈接圖像。 img 標簽創建的是被引用圖像的占位空間。

img 標簽有兩個必需的屬性：src 屬性 和 alt 屬性。

無序列表用ul標簽來表示，其中的列表項用li標簽表示，無序列表的各個列表項之間沒有順序級別之分，是并列的

有序列表用ol標簽來表示，其中的列表項也用li標簽表示，其各個列表項按照一定的順序排列定義

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

簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成，tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元，一個簡單的示例如下：

表單的域標簽，用于包裹整個表單的內容。表單就是用戶提交數據到后臺的一個虛擬單子，表單一般由文本框、下拉列表、單選、多選、文本域等組成，Action屬性，用于指定當前表單提交的時候指向后臺的地址。

Input標簽是文本框、單選、多選、按鈕等。Type屬性不同的取值決定了input標簽的作用。

文本框：text
密碼框：password
單選：radio
多選：checkbox
按鈕：button
提交按鈕：submit
重置按鈕： reset

Input標簽的 checked屬性，屬性值只有一個checked，可以省略屬性值，在單選按鈕和多選按鈕中表示此按鈕被選中。

select 元素可創建單選或多選菜單， select 元素中的 option 標簽用于定義列表中的可用選項。

Multipe:也是一個單屬性。值只有一個multiple。設置了此屬性表示select標簽表現為 列表標簽。否則表示下拉列表標簽。

Textarea文本域標簽，用來輸入大量文本的的標簽。文本域標簽的cols表示可以容納多少列字符。Rows容納多少行數據。

Lable標簽可以讓標簽文本點擊的時候讓label指向的標簽表單標簽獲得焦點。

兩種方式：1、使用for屬性指向 表單標簽 2、用lable標簽包裹表單標簽。

以上就是HTML入門教程的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。