HTML的文檔結構與語法（二）
3.7 超鏈接標記
語法：<a 屬性=“值”>對當前鏈接的描述</a> 作用：網頁進行跳轉
常用的屬性：
Href：鏈接的網址或ip或地址 值：就是具體的地址
Target：打開新鏈接的方式
值:-blank(新窗口) _self(當前窗口) _parent(父窗口) _top(頂級框架)
Name：錨點鏈接(當點擊鏈接時進行的跳轉) 值：錨點名稱
絕對路勁：有一個具體的地址（位置），某個盤某個文件夾某個問價
本地的絕對路勁顯示： 如:d:/文件夾/文件夾/文件名稱
遠程的絕對路勁： http://www.baidu.com
相對路勁：就是要訪問的文件相當於當前問價的位置
- 當前文件與目標文件在同一個目錄（文件夾）中，直接寫文件名就可以
- 目標文件所在文件夾與當前文件同一目錄，找到文件名在找文件
- 目標問價在當前文件上級，最高3級，上級表示方法 ../(一個表示一級)
3.8錨點鏈接
說明：可以在當前頁面中進行跳轉
錨點鏈接需要兩部分：錨點名稱，跳轉到錨點鏈接
<a name=”名稱”></a>
<a href=”#錨點名稱”>文本</a>
3.9 meta標記
說明：meta標記一定要寫到head中，meta標記一般都是設置當前頁面的功能
Name屬性裏面有的值：
Content屬性：具體的內容
如果是keywords值 content裏就是在查詢搜索時，搜索的詞匯
如果是desrciption值content裏就是對網站描述，在搜索時顯示在標題下面一段話
如果是author值content值就是當前網站的作者，顯示在搜索後的描述下面
http-equiv屬性有兩個值，refresh，content-type
編碼：<meta http-equiv=”content-type” content=”text/html”; charst=utf-8”/>
刷新：在幾秒後對頁面刷新，刷新可以刷新當前頁面，也可跳轉到另一個界面
<meta http-equiv=”refresh” content=”3” /> 當前頁面刷新，3秒一次
<meta http-equiv=”refresh” content=”3;url=http://www.baidu.com”/>跳轉頁面
4.0 表單標記
普通文本框：<input type=”text” name=”名稱” value=”值”/>
密碼框： <input type=”password” name=”名稱” value=”值”/>
單選按鈕： <input type=”radio” name=”名稱” value=”值”/>
下拉菜單： <select name=”名稱”>
<option value=”值”>文本</option>
<option value=”值”>文本</option>
<option value=”值”>文本</option>
</select>
多選按鈕： <input type=”checkbox” name=”名稱” value=”值”/>
多行文本域：<textarea rows=”行” cols=”列” name=”名稱” value=”值”></textarea>
按鈕：
提交： <input type=”submit” value=”顯示到按鈕上的名稱”/>
圖片提交： <input type=”image” src=”圖片地址” value=”” />
普通按鈕： <input type=”button” name=”值” value=”名稱” />
重置按鈕： <input type=”reset” name=”值” value=”名稱”/>
上傳： <input type=”file” name=”名稱” value=”” />
上傳文件必須在form屬性中設置，而且必須是Post方式
隱藏域： <input type=”hidden” name=”值” value=”名稱”/>
Form 標記，是表單域的顯示，需要用form標記把表單內容括起來，這時候提交，原因是form的屬性中有提交方式，提交地址，文件上傳的設置。
提交地址：action=”具體提交地址”
提交方式：get和post，在網站中數據直接傳遞，只有get和post方式
Get方式：數據以瀏覽器地址欄的方式（明文）提價到另一個界面
要提交到的頁面路徑和名稱？參數名稱=值&參數名稱=值&參數名稱=值
Get方式傳送數據方式有表單和超鏈接
表單是用戶自己填寫的數據
手動傳送數據，正常傳送
超鏈接是管理員規定要傳送的數據
<a href=”傳送到的頁面路徑”？要傳送的名稱=值>名字</a>
Post方式：數據隱藏方式傳送，post限制只有表單傳送方式。
數據傳遞信息的方式：有文本，圖片，視頻等
4.1 表格標記
表格的語法：<table>
<tr>
<th>id</th> //標題單元格（表頭）
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td></td> //普通單元格
<td></td>
<td></td>
</tr>
</table>
Table的屬性：
Border：表格的邊框 值：數字
Align:對齊方式 值： left、center、right
Bordercolor：邊框顏色 值：顏色
Width：表格寬度 值：數字
Height：表格高度 值：數字
Bgcolor：表格背景顏色 值：顏色
Background：表格背景圖片 值：圖片地址
Cellpadding：內填充(邊框到內容的距離) 值：數字
Cellspacing：間距(單元格到單元格之間的距離) 值：數字
Tr 的屬性：
Align：行內內容的對其方式 值： left、center、right
Valign：上下對其方式 值：top、middle、bottom
Height：行的高度 值：數字
Bgcolor：行的背景顏色 值：顏色
Td的屬性：
Align：單元格的對齊方式 值： left、center、right
Valign：單元格垂直對其方式 值：top、middle、bottom
Height： 單元格高度 值：數字
Bgcolor：單元格的背景顏色 值：顏色
Background：單元格的背景圖片 值：圖片的地址
Rowspan：跨行合並 值：合並幾行的數量
註意把原來被合並的單元格刪除
Colspan：跨列合並 值：合並幾列的數量
註意把原來被合並的單元格刪除
HTML的文檔結構與語法（二）