溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言 (Hyper Text Markup Language)
HTML 不是一種編程語言，而是一種標記語言 (markup language)
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
HTML 標簽通常是成對出現的，比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
HTML 文檔描述網頁
HTML 文檔包含 HTML 標簽和純文本
HTML 文檔也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文檔，并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容：
<html> 與 </html> 之間的文本描述網頁
<body> 與 </body> 之間的文本是可見的頁面內容
<h2> 與 </h2> 之間的文本被顯示為標題
<p> 與 </p> 之間的文本被顯示為段落
HTML 標題（Heading）是通過 <h2> - <h7> 等標簽進行定義的。
超過的部分不顯示為標題
Test：
<html> <body> <h2>My First Heading</h2> <h3>This is a heading </h3> <h4>This is a heading </h4> <!--支持1-6個--> <h22> What?</h22> <p>My First paragraph</p> <p>My Sencong paragraph</p> <a >This is a link</a> <!-- 壓縮而不是截取--> <img src="1.jpg" width="500" height="500"> <img src="2.jpg" > </body> </html>
HTML 元素以開始標簽起始
HTML 元素以結束標簽終止
元素的內容是開始標簽與結束標簽之間的內容
某些 HTML 元素具有空內容（empty content）
空元素在開始標簽中進行關閉（以開始標簽的結束而結束）
大多數 HTML 元素可擁有屬性
大多數 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文檔由嵌套的 HTML 元素構成。
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。
<br> 就是沒有關閉標簽的空元素（<br> 標簽定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標簽中添加斜杠，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。
HTML 標簽對大小寫不敏感：<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。
萬維網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。
HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性總是以名稱/值對的形式出現，比如：name="value"。
屬性總是在 HTML 元素的開始標簽中規定。
屬性和屬性值對大小寫不敏感。
不過，萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。
在某些個別的情況下，比如屬性值本身就含有雙引號，那么您必須使用單引號，例如：
name='Bill "HelloWorld" Gates'
<html> <!--背景色定義為粉色--> <body bgcolor="pink"> <!-- 設置標題顯示的位置，中左右--> <h2 align="center">My First Heading</h2> <h3 align="left">This is a heading </h3> <h4 align="right">This is a heading </h4> <!--支持1-6個--> <h22> What?</h22> <p>My First paragraph</p> <p>My Sencong paragraph</p> </body> </html>
標題（Heading）是通過 <h2> - <h7> 等標簽進行定義的。
<h2> 定義最大的標題。<h7> 定義最小的標題。
瀏覽器會自動地在標題的前后添加空行。
默認情況下，HTML 會自動地在塊級元素前后添加一個額外的空行，比如段落、標題元素前后。
請確保將 HTML heading 標簽只用于標題。不要僅僅是為了產生粗體或大號的文本而使用標題。
搜索引擎使用標題為您的網頁的結構和內容編制索引。
因為用戶可以通過標題來快速瀏覽您的網頁，所以用標題來呈現文檔結構是很重要的。
應該將 h2 用作主標題（最重要的），其后是 h3（次重要的），再其次是 h4，以此類推。
<hr /> 標簽在 HTML 頁面中創建水平線。
hr 元素可用于分隔內容。
使用水平線 (<hr> 標簽) 來分隔文章中的小節是一個辦法（但并不是唯一的辦法）。
<html> <!--背景色定義為粉色--> <body bgcolor="pink"> <!-- 設置標題顯示的位置，中左右--> <h2 align="center">My First Heading</h2> <hr/> <!-- 此標簽用于插入一條橫線 --> <h3 align="left">This is a heading </h3> <hr/> <h4 align="right">This is a heading </h4> <!--支持1-6個--> <hr/> <h22> What?</h22> <hr/> <p>My First paragraph</p> <hr/> <p>My Sencong paragraph</p> </body> </html>
段落是通過 <p> 標簽定義的。瀏覽器會自動地在段落的前后添加空行。（<p> 是塊級元素）
使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標簽代替它
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽
<html> <!--背景色定義為粉色--> <body bgcolor="pink"> <!-- 每一個br控制依次換行 --> <p>This<br/> is<br/> a<br/> HTML </p> </body> </html>
您也許發現 <br> 與 <br /> 很相似。
在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結束標簽（閉合標簽）的 HTML 元素。
即使 <br> 在所有瀏覽器中的顯示都沒有問題，使用 <br /> 也是更長遠的保障。
我們無法確定 HTML 被顯示的確切效果。屏幕的大小，以及對窗口的調整都可能導致不同的結果。
對于 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當顯示頁面時，瀏覽器會移除源代碼中多余的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續的空行（換行）也被顯示為一個空格。
超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時，箭頭會變為一只小手。
我們通過使用 <a> 標簽在 HTML 中創建鏈接。
有兩種使用 <a> 標簽的方式：
通過使用 href 屬性 - 創建指向另一個文檔的鏈接
通過使用 name 屬性 - 創建文檔內的書簽
使用 Target 屬性，你可以定義被鏈接的文檔在何處顯示。
<html> <!--背景色定義為粉色--> <body bgcolor="pink"> <a >BaiDu</a> </body> </html>
name 屬性規定錨（anchor）的名稱。
您可以使用 name 屬性創建 HTML 頁面中的書簽。
書簽不會以任何特殊方式顯示，它對讀者是不可見的。
當使用命名錨（named anchors）時，我們可以創建直接跳至該命名錨（比如頁面中某個小節）的鏈接，這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。
提示：錨的名稱可以是任何你喜歡的名字。
提示：您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。
注釋：請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接：，就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址，然后創建一個新的請求，就像這樣：。
提示：命名錨經常用于在大型文檔開始位置上創建目錄。可以為每個章節賦予一個命名錨，然后把鏈接到這些錨的鏈接放到文檔的上部。如果您經常訪問百度百科，您會發現其中幾乎每個詞條都采用這樣的導航方式。
提示：假如瀏覽器找不到已定義的命名錨，那么就會定位到文檔的頂端。不會有錯誤發生。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
