## 1 單標簽
~~~
<img> <br> <hr> <input> <link>
~~~
## 2 開始標簽和結束標簽
- 擁有開頭和結尾
~~~
//開始標簽
<body>
//結束標簽
</body>
~~~
## 3.標簽分類
### 1.塊標簽
- display屬性為block
~~~
<div></div>
<p></p>
<h1></h1>
<ul>
<li></li>
</ul>
<dl>
<dt></dt>
<dd></dd>
</dl>
~~~
特點：
（1）自成一塊，獨占一行
（2）可以設置寬和高
### 2.行內標簽
- display屬性為inline
~~~
<a herf="">
<span></span>
<i></i>
<em></em>
<strong></strong>
~~~
特點：
（1）并排顯示
（2）不能設置寬和高
（3）不能設置margin-top,margin-bottom
### 3.內聯塊標簽
- display屬性為inline-block
~~~
<img src="">
<input>
<button></button>
~~~
特點：
（1）并排顯示
（2）可以設置寬和高
總結一句話就是：行內標簽可以共在一行出現但是不能設置寬和高，塊標簽可以設置寬和高但是要獨占一行
<br>
將標簽分類之后如下圖
~~~
- 第一章.git
- 1-1 git基本命令
- 1-2 ssh的配置
- 1-3 版本回退
- 第二章 markdown基本語法
- 第三章 HTML
- 3-1 HTML標簽概念
- 3-2 html結構
- 3-3 基本標簽
- 3-4 input輸入框
- 3-5 table表格
- 第四章 CSS
- 4-1 CSS基礎
- 4-2 基本樣式
- 4-3 選擇器
- 4-4 盒子模型
- 4-5 進階樣式
- 4-6 樣式繼承
- 4-7 浮動
- 4-8 定位
- 4-8 水平垂直居中
- 4-9 特殊情況
- 4-10 表單
- 4-11 2D效果
- 4-12 BFC
- 第五章 JavaScript筆記
- 5-1JS基礎
- 5-2 DOM介紹
- 5-3 DOM操作詳解
- 5-4 JSON詳解
- 第六章 jQuery
- 6-1 jQuery概述
- 6-2 jQuery選擇器
- 6-3 jQuery常用操作
- 第七章 AJAX
- 7-1 原生ajax
- 7-2 http,get,post
- 7-3 跨域
- 7-4 jQuery-ajax
- Web前端命名規范