標簽分大致可分為為：
- 塊級標簽（(block） ---獨占一行
- 內聯標簽（inline） ---按照文本內容占位，在同一行顯示
一、標題標簽（塊級標簽）
<h1>歡迎光臨</h1>
<h2>歡迎光臨</h2>
<h3>歡迎光臨</h3>
<h4>歡迎光臨</h4>
<h5>歡迎光臨</h5>
<h6>歡迎光臨</h6>顯示效果：
二、段落標簽（塊級標簽）
- p 標簽：有間距
顯示效果：<p>大家好，我是段落1。</p> <p>大家好，我是段落2。</p> <p>大家好，我是段落3。</p>
- br 標簽：沒有間距
顯示效果：我是段落1<br> 我是段落2<br> 我是段落3<br>
三、文本格式化標簽
- <b>定義粗體文字標簽1</b>
- <strong>定義粗體文字標簽2</strong>
- <em>定義斜體字1</em>
- <i>定義斜體字2</i>
- <del>定義刪除文字</del>
顯示效果：
四、div和span標簽
- <div>只是一個塊級元素，並無實際的意義。主要通過CSS樣式為其賦予不同的表現.
- <span>表示了內聯行(行內元素),並無實際的意義,主要通過CSS樣式為其賦予不同的表現
塊級元素與行內元素的區別所謂塊元素，是以另起一行開始渲染的元素，行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素，不會對頁面產生任何的影響。這兩個元素是專門為定義CSS樣式而生的。
五、超鏈接標簽
超鏈接是瀏覽者和服務器的交互的主要手段，也叫超級鏈接或a鏈接，是網頁中指向一個目標的連接關系，這個目標可以是網頁、網頁中的具體位置、圖片、郵件地址、文件、應用程序等
| 屬性 | 值 | 描述 |
|---|---|---|
| href | 網絡鏈接 [ 例如: http://www.baidu.com ] 本地鏈接 [ 例如：F:\html\index.html ] | 規定鏈接的跳轉目標 |
| title | 百度 | 鏈接的提示信息 |
| target | _blank [ 在新建窗口中打開網頁 ] _self [ 默認值，覆蓋自身窗口打開網頁 ] _parent [ 在父級框架中打開網頁 ] _top [ 在頂級框架中打開網頁 ] framename [ 在指定的框架中打開網頁] | 與前面四項固定值不同，framename是泛指，並不是這個值，這點將在后面框架部分內容中詳細介紹，這里可以暫時先略過 |
1、href是超鏈接最重要的屬性，規定了用戶點擊鏈接以后的跳轉目標，這個目標可以是 網絡連接，也可以是本地連接。
2、網絡鏈接指的是依靠網絡來進行關聯的地址，一般在地址前面是以 http://或者https://這樣開頭的，如果沒有網絡，則用戶點擊了超鏈接也無法訪問對應的目標。
3、本地鏈接指的是本地計算機的地址，一般在地址前面是以 file:///開頭或直接以 C:/、D:/、E:/開頭的，不需要經過網絡。
4、如果href的值留空，則默認是跳轉到當前頁面，也就是刷新當前頁面。
六、錨點標簽
錨點( anchor )是超鏈接的一種應用，也叫命名錨記，錨點可以像一個定位器一樣，可以實現頁面內的鏈接跳轉，運用相當普遍。例如，我們有一個網頁，由於內容太多，導致頁面很長，而且里面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者點擊相應的錨點，到達本頁內相應的位置，而不必在一個很長的網頁里自行尋找。又例如，我們頁面中，有個鏈接需要跳轉到另一個頁面的中間或者腳部去，這時候也可以運用上錨點技術來解決這個問題。
示例：
<a href="#id1">第一章</a>
<a href="#id2">第二章</a>
<a href="#id3">第三章</a>
<span id="id4"></span>
<div id="id1">第一章節內容<a href="#id4">返回頂部</a></div>
<div id="id2">第二章節內容<a href="#id4">返回頂部</a></div>
<div id="id3">第三章節內容<a href="#id4">返回頂部</a></div>注：href中添加“#”並填寫div或span標簽中的id值，則可以定位到地方
七、img標簽
在HTML中，圖像由
標簽定義的，它可以用來加載圖片到html網頁中顯示。網頁開發過程中，有三種圖片格式被廣泛應用到web里，分別是 jpg、png、gif。
img標簽的屬性：
/*
src屬性：
指定圖像的URL地址，是英文source的簡寫，表示引入資源。
src的值可以是本地計算機存儲的圖片的地址，也可以是網絡上外部網站的圖片的地址。
如果src的值不正確，那么瀏覽器就無法正確的圖片，而是顯示一張裂圖。
alt屬性：指定圖像無法顯示時的替換文本。
width屬性： 指定引入圖片的顯示寬度。
height屬性：指定引入圖片的顯示高度。
border屬性：指定引入圖片的邊框寬度，默認為0。
title屬性：懸浮圖片上的提示文字
*/
點擊圖片跳轉可以配合a標簽使用
<a><img src="" alt=""></a>八、列表標簽
<ul type="square">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<ol start="100"> <!--start="100"表示從100開始，不定義表示從1開始-->
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>九、表格標簽
- table結構
在HTML中使用table來定義表格。網頁的表格和辦公軟件里面的xls一樣，都是有行有列的。HTML使用tr標簽定義行，使用td標簽定義列。
- 語法
<tr> <td>單元格的內容</td> …… </tr> …… </table>1、<table>和</table>表示一個表格的開始和結束。一組<table>...</table>表示一個表格。 2、border用於設置整個表格的邊框寬度，默認為0，表示不顯示邊框。 3、<tr>和</tr>表示表格中的一行的開始和結束。一組<tr>...</tr>，一個表格可以有多行。通過計算table標簽中包含多少對tr子標簽即可知道一個表格有多少行。 4、<td>和</td>表示表格中的一個單元格的開始和結束。通過計算一個tr里面包含了多少對td自標簽即可知道一個表格有多少列，多少的單元格了。 - table屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| width | px、% | 規定表格的寬度。 |
| height | px、% | 規定表格的高度。 |
| align | left、center、right | 規定表格相對周圍元素的對齊方式。 |
| bgcolor | rgb(x,x,x)、#xxxxxx、colorname | 規定表格的背景顏色。 |
| background | url | 規定表格的背景圖片。 |
| border | px | 規定表格邊框的寬度。 |
| cellpadding | px、% | 規定單元格邊框與其內容之間的空白。 |
| cellspacing | px、% | 規定單元格之間的空隙。 |
- td屬性
表格中除了行元素以外，還有單元格，單元格的屬性和行的屬性類似。td和th都是單元格。
| 屬性 | 值 | 描述 |
|---|---|---|
| height | px、% | 規定單元格的高度。 |
| width | px、% | 規定單元格的寬度。 |
| align | left、center、right | 規定單元格內容的對齊方式。 |
| valign | top、middle、bottom | 規定單元格內容的垂直對齊方式。 |
| bgcolor | rgb(x,x,x)、#xxxxxx、colorname | 規定單元格的背景顏色。 |
| background | url | 規定單元格的背景圖片。 |
| rowspan | number | 規定單元格合並的行數 |
| colspan | number | 規定單元格合並的列數 |