用HTML標記內容的目的是為了賦予網頁語義（semantic）。換句話說，就是要給你的網頁內容賦予某些用戶代理（user agent）能夠理解的含義。

    HTML 規定了一組標簽，用來給內容打上不同的標記。每個標簽都是對它所包含內容的一種描述。最常用的HTML描述的是標題、段落、鏈接和圖片。目前，HTML一共有114個標簽，但按照 80/20 原則，使用其中25個左右的標簽就可以滿足80%的標記需要。

    HTML 最新的版本 HTML5，又新規定了一批結構化標簽，用于對相關內容的標簽進行分組，從而更好地規范網頁的整體結構。這些新標簽包括<header>、<nav>（即 navigation，導航）、<article>、<section>、<aside>和<footer>。

1.標簽的閉合

    對于每個包含內容的元素（比如標題、段落和圖片），根據它所包含的內容是不是文本，有兩種不同的方式給它們加標簽，一種是使用閉合標簽，另一種是使用非閉合標簽。

1.1 文本用閉合標簽

示例：<h1>Hello, CSS!</h1>
1.2 引用內容用自閉合標簽

示例：<img src="images/dog.jpg" style="border: 1px solid rgb(165, 165, 248); padding: 0px 0px 5px; margin: 8px 0px 1.1em; font-family: 'Courier New', monospace; overflow: hidden; width: 646.796875px; word-break: break-all; color: rgb(68, 68, 68);">