1. 超級鏈接<a></a>
2. 超鏈接的應(yīng)用對象:文本、圖片(注意,在IE瀏覽器下設(shè)置了超鏈接的圖片會有邊框)
3. 常用屬性:
? ? ?href:設(shè)置鏈接對象地址
? ? ?target:設(shè)置目標文件的打開方式,屬性值為_self(在自身窗口打開,默認),_blank(在新窗口打開)
? ? ?title:設(shè)置鼠標懸停時的提示文字
4. 超鏈接的分類
? ? ?內(nèi)部鏈接:就是指站內(nèi)內(nèi)部各文件間的鏈接,鏈接路徑為相對路徑
? ? ?外部鏈接:站點間的鏈接,鏈接路徑為絕對路徑http://www.baidu.com
? ? ?空鏈接:就是指有鏈接效果,但是沒有鏈接指向,鏈接路徑為#,需要注意空鏈接默認返回頁面的頂端
? ? ?錨點鏈接:在文檔內(nèi)部各部分間的鏈接,可以分為兩步來實現(xiàn)該效果
? ? ? ? ?第一步:設(shè)置錨點:<開始標簽id=”錨點名”>
? ? ? ? ?第二步:鏈接錨點:
5. 表格table:
<table></table>
<tr></tr>
<td></td>
6. 表格的基本結(jié)構(gòu)
<table>
<tr>
<td> ... </td>
<td> ... </td>
?...
</tr>
<tr> ... </tr>
...
</table>
7. table的屬性:
?border:設(shè)置表格邊框,默認為0,屬性值可以設(shè)置為屬性值,值越大,邊框越粗
?width:設(shè)置表格寬度,屬性值為像素值或百分比,默認為內(nèi)容的寬度
?height:設(shè)置表格高度,屬性值為像素值或百分比,默認為內(nèi)容的高度
?cellspacing:設(shè)置表格單元格之間的間距,屬性值為像素值
?cellpadding:設(shè)置表單單元格內(nèi)容和表框的距離,屬性值為像素值
?align:設(shè)置表格相對于父元素的水平對齊方式,屬性值為leftcenterright
8. tr的屬性
?height:設(shè)置行高,屬性值為像素值
?align:設(shè)置表格內(nèi)容的水平對齊方式,屬性值為left、center、right
?valign:設(shè)置表格內(nèi)容的垂直對齊方式,屬性值為top、middle(默認)、bottom
9. td的屬性
?width:設(shè)置單元格所在列的列寬
?height:設(shè)置單元格所在行的行高
?align:設(shè)置該單元格內(nèi)容的水平對齊方式,屬性值leftcenterright
?valign:設(shè)置該單元格內(nèi)容的垂直對齊方式,屬性值為topmiddlebottom
?rowspan:縱向合并單元格,屬性值為被合并的單元格的個數(shù)
?colspan:橫向合并單元格,屬性值為被合并的單元格的個數(shù)
10. <caption></caption>:設(shè)置表格標題,位置在表格開始標簽的下面
11. <th></th>:設(shè)置表頭單元格,具有特定效果的單元格(加粗、居中)
12. <thead><thead>:表格頭部(頁眉)
13. <tbody></tbody>:表格主體
14. <tfoot></tfoot>:表格頁腳
15. 表格的應(yīng)用
?表格的嵌套
?表格布局
16. Sublime的快捷鍵
?新建:Ctrl+N
?保存:Ctrl+S
?打開:Ctrl+O
?增加縮進:Tab
?減少縮進:Shift+Tab
?創(chuàng)建HTML基本結(jié)構(gòu):!+Tab
?復(fù)制行:Ctrl+Shift+D
?刪除行:Ctrl+Shift+K
?側(cè)欄的顯示與隱藏:Ctrl+K+B
?轉(zhuǎn)換為大寫:Ctrl+K+U
?轉(zhuǎn)換為小寫:Ctrl+K+L
?注釋:Ctrl+/
17. HTML中常用的符號
?空格: ?
?小于號: <
?大于號: >
?雙引號: "
?注冊商標: ®
?版權(quán)符號: ©
18. 表單form:所謂表單就是用來收集用戶信息的元素
19. 表單域:<form></form>就是表單元素的容器,屬性有
?action:設(shè)置表單信息提交地址
?method:設(shè)置表單信息提交方式,屬性值有g(shù)et(默認,以地址欄的形式提交數(shù)據(jù),不安全,數(shù)據(jù)量小)/post(數(shù)據(jù)量大,安全)
?target:設(shè)置目標程序打開方式,屬性值有_self(自身窗口打開)_blank(新窗口打開)
?name:表單名稱
20. 表單元素:<input /> <select></select> <textarea></textarea> <fieldset></fieldset>
?文本框:<input type="text" name="表單元素名稱" placeholder="提示文字" />
?密碼框: <input type="password" name="表單元素名稱" />
?單選框: ?<input type="radio" name="表單元素名稱" value="要提交到服務(wù)器的值" />(單選框的name屬性的值必須相同)
?復(fù)選框: <input type="checkbox" name="表單元素名稱" />
?提交按鈕: <input type="submit" value="按鈕上的提示文字" />