HTML標籤
1.行內標籤和塊級標籤
<span>：行內標籤，文本信息在一行展示，內斂標籤，默認無樣式。
<div>：塊級標籤，每一個<div><div/>佔滿一行，默認無樣式。
結合CSS控制其樣式。
2.語義化標籤：爲了提高程序的可讀性
<header>：頁眉。
<footer>：頁腳。
3.表格標籤
<table>：定義表格。
<tr>：定義行。
<td>：定義單元格。
<th>：定義表頭單元格。
<table>中的屬性：
width：寬度
border：邊框
cellpadding：定義內容和單元格的距離
cellspacing：定義單元格之間的距離。如果指定爲0，則單元格的線會合爲一條、
bgcolor：背景色
align：對齊方式
<tr>中的屬性:
bgcolor：背景色
align：對齊方式
<td><th>中的屬性：
colspan：合併列
rowspan：合併行
<caption>：表格標題，表格裏面定義
<thead>：表示表格的頭部分
<tbody>：表示表格的體部分
<tfoot>：表示表格的腳部分
（無樣式，和語義化標籤類似）
案例一：個人博客網站
1.使用table來完成頁面佈局，最外層；
2.如果某一行只有一個單元格，則使用
<tr>
<td>
</td>
</tr>
3.如果一行有多個單元格，使用表格嵌套
<tr>
<td>
<table></table>
</td>
</tr>
代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ronin的博客</title>
</head>
<body>
<table width="100%" align="center">
<tr>
<td>
<img src="../photo/博客素材/g1.jpg" width="100%">
</td>
</tr>
<tr>
<td>
<table width="100%" align="center">
<tr>
<td><img src="../photo/博客素材/g2.jpg"/></td>
<td><img src="../photo/博客素材/g3.jpg"/></td>
</tr>
<tr>
<td><img src="../photo/博客素材/g5.jpg"/></td>
<td><img src="../photo/博客素材/g4.jpg"/></td>
</tr>
<tr>
<td><img src="../photo/博客素材/g6.jpg"/></td>
<td><img src="../photo/博客素材/g7.jpg"/></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
4.表單標籤
表單:用於採集用戶輸入數據的，和服務器進行交互。
<form>
用戶名：<input><br/>
密碼：<input>
</form>
<form>：用於定義表單，定義的是一個範圍，代表採集用戶數據的範圍。
屬性：
action：指定提交數據的URL。
method：指定的提交方式，共有7種，主要講兩種
1）不安全 get 請求的參數會在地址欄中顯示，且參數大小有限制
2）安全 post 請求參數封裝在請求體中，且參數大小沒限制
<input>：輸入標籤，輸入類型是由類型屬性（type）定義的，可以通過type屬性值，改變元素展示的樣式
屬性：
name屬性：表單中屬性想要被提交，必須指定其name屬性。
type屬性：
text 文本輸入框，type的默認值；
password 密碼輸入框；
1）placeholder 指定輸入框的提示信息，placeholder="請輸入密碼"
radio 單選框
1）要想讓多個單選框實現單選效果，每個單選框的name屬性值必須一樣；
2）一般會給每個單選框提供value屬性，指定其被選中所提交的值；
3）checked屬性，可以指定默認值。
checkbox 複選框
1）一般會給每個複選框提供value屬性，指定其被選中所提交的值；
2）checked屬性，可以指定默認值。
file 文件選擇框；
hidden 隱藏域，用於提交一些信息；
color 取色器；
date 日期，另一種形式 datetime-local；
email 郵箱，這裏會使用正則驗證郵箱格式；
number 數字字段輸入框
按鈕：
1）submit提交按鈕
2）button 普通按鈕
3）image 圖片提交按鈕，src屬性指定圖片的路徑地址
<label>：元素定義標註，可以指定輸入項的文字描述信息
屬性：
for屬性與<input>標籤的id屬性對應，label 元素不會向用戶呈現任何特殊效果。
不過，它爲鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。
就是說，當用戶選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控件上。
<select>下拉列表，<option>列表項
<select name="city">
<option>--請選擇--</option>
<option>北京</option>
<option>上海</option>
<option>西安</option>
</select>
<textarea>文本域
屬性：
rows 行數
cols 列數（每行字數）