1. 路徑問(wèn)題
- 相對(duì)路徑：從html文件夾開(kāi)始查找
- 同級(jí)：
src="xx.jpg" - 下級(jí)：
src="img/xx.jpg" - 上級(jí)：
scr="../xx.jpg"
- 絕對(duì)路徑：從指定的盤(pán)符開(kāi)始查找的
src="c:\user\desktop\xx.jpg"
注意：
- 路徑中不能有中文
- 不能跨盤(pán)符
- 統(tǒng)一使用反斜杠 “/”
- 不使用絕對(duì)路徑
2. a標(biāo)簽
控制頁(yè)面之間的跳轉(zhuǎn)
<a href="#" target="_blank" title="xx">xx</a>
- href屬性：為跳轉(zhuǎn)的鏈接地址嘹害。
-
href="#"润努，這個(gè)假連接會(huì)跳轉(zhuǎn)到頂部 -
href="javascript:"隘道，這個(gè)假連接不會(huì)跳回頂部衍锚。 -
href="#id名"膜蠢，為頁(yè)面某處設(shè)置錨點(diǎn)（id="xx"）羽利，跳轉(zhuǎn)到這個(gè)頁(yè)面的指定處榛做，沒(méi)有過(guò)渡動(dòng)畫(huà)券勺。 -
href="xxx.html#id名"檀蹋，設(shè)置錨點(diǎn)松申，跳轉(zhuǎn)到指定頁(yè)面的某處。
- target屬性：控制頁(yè)面跳轉(zhuǎn)方式
-
targe="_self"是在本頁(yè)面打開(kāi) -
targe="_blank"是在新的空白頁(yè)面打開(kāi)
- title屬性：控制鼠標(biāo)懸停時(shí)出現(xiàn)的文字俯逾，同image
注意：
- href屬性為跳轉(zhuǎn)的地址（本地或者網(wǎng)絡(luò)）贸桶，必須加上http://或https://
- a標(biāo)簽中間為展現(xiàn)的內(nèi)容，可以添加image標(biāo)簽
3. base標(biāo)簽
<base target="_self">
base標(biāo)簽是一個(gè)單標(biāo)簽桌肴，用來(lái)統(tǒng)一指定當(dāng)前網(wǎng)頁(yè)所有超鏈接的打開(kāi)類(lèi)型皇筛，寫(xiě)在head標(biāo)簽里。
4. 列表標(biāo)簽
列表標(biāo)簽是賦予一堆數(shù)據(jù)列表的語(yǔ)義坠七，讓瀏覽器知道這堆數(shù)據(jù)是列表
- 無(wú)序列表（ul）
無(wú)序列表是賦予一堆數(shù)據(jù)列表語(yǔ)義且這堆數(shù)據(jù)沒(méi)有先后之分
<ul>
<li> </li>
...
<li> </li>
</ul>
注意：
1.只是賦予數(shù)據(jù)列表的語(yǔ)義水醋，不管樣式。
2.ul和li成對(duì)出現(xiàn)彪置，不單獨(dú)出現(xiàn)
3.ul和li標(biāo)簽綁定拄踪，ul標(biāo)簽里不能寫(xiě)別的標(biāo)簽，li可以悉稠。
4.ul和li標(biāo)簽的嵌套宫蛆。
- Emmet語(yǔ)法
- ! + tab 快速生成H5模版，包含viewport
- 任何標(biāo)簽縮寫(xiě)+tab 的猛，快速生成標(biāo)簽
- “ # ”+id名 ：快速生成<div id="id名">
- “ . ”+類(lèi)名 ：快速生成<div class="類(lèi)名">
- “ > ” ：子級(jí)標(biāo)簽耀盗，
- “ + ” ：同級(jí)標(biāo)簽，
- “ * ” x ：生成標(biāo)簽數(shù)量為x個(gè)
- “ $ ”*x ：名稱(chēng)中的變量名從1開(kāi)始遞增到x
- “ $@n ” *x ：名稱(chēng)中的變量名從n開(kāi)始遞增卦尊，遞增x次
- “ $@- ” *x ：名稱(chēng)中的變量名從x開(kāi)始遞減到1
- “ $@-n ” *x ：名稱(chēng)中的變量名遞減到n
例如： table>(thead>tr>th{第$}*3)+(tfoot>tr>td{第$@-10}*3)+(tbody>tr>td{第$@7}*3)叛拷，按下tab鍵生成：
<table>
<thead>
<tr>
<th>第1</th>
<th>第2</th>
<th>第3</th>
</tr>
</thead>
<tfoot>
<tr>
<td>第12</td>
<td>第11</td>
<td>第10</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>第7</td>
<td>第8</td>
<td>第9</td>
</tr>
</tbody>
</table>
- 有序列表（ol）
給一堆數(shù)據(jù)添加列表語(yǔ)義，并且這堆數(shù)據(jù)又先后順序
<ol>
<li> </li>
......
<li> </li>
</ol>
- 定義列表（dl）
dt：定義標(biāo)題
dd：定義描述
<dl>
<dt></dt>
<dd></dd>
</dl>
注意：
- dl岂却，dt忿薇，dd是整體裙椭，不單獨(dú)出現(xiàn)
- 推薦一個(gè)dt對(duì)應(yīng)一個(gè)dd，dd中再添加別的標(biāo)簽署浩。
- 可以在dt和dd中添加其他標(biāo)簽
- 無(wú)序列表僅僅用于表示內(nèi)容之間存在有并列關(guān)系揉燃，也是分為多個(gè)子項(xiàng)，但是子項(xiàng)之前沒(méi)有相應(yīng)的編號(hào)筋栋，只有一個(gè)原點(diǎn)用于標(biāo)識(shí)炊汤。
有序列表通常用來(lái)表示內(nèi)容之間的順序或者是重要性關(guān)系，每一個(gè)列表都分為多個(gè)子項(xiàng)弊攘，每一個(gè)子項(xiàng)都有相應(yīng)的編號(hào)抢腐。
定義列表常用于表示名詞或者是概念的定義，每一個(gè)子項(xiàng)有兩個(gè)部分組成襟交，第一部分是名詞或者是概念迈倍，第二部分是相應(yīng)的解釋和描述。
- 表格標(biāo)簽
賦予數(shù)據(jù)表格語(yǔ)義捣域，tr個(gè)數(shù)代表行數(shù)啼染，一個(gè)td代表一格
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
- 表格的標(biāo)題：caption，一定要放在table中竟宋，指定標(biāo)題提完，自動(dòng)相對(duì)于表格居中。有align屬性
- table：width/border/bgcolor/cellpadding/cellspacing
- thead（表頭信息）：高度固定丘侠，不會(huì)隨table高度變化而變化
- tfoot（頁(yè)尾信息）：高度固定，不會(huì)隨table高度變化而變化逐样，放在thead和tbody中間
- /tbody（主體信息）：沒(méi)寫(xiě)tbody標(biāo)簽時(shí)蜗字，瀏覽器會(huì)自動(dòng)補(bǔ)充。
- tr：bgcolor/align/valign
- th（每列的標(biāo)題單元格：自動(dòng)居中粗體）/td：width/height/bgcolor/align/valign
- 細(xì)線表格：不用設(shè)置border脂新，使cellspacing=“1”（默認(rèn)值為2）挪捕，利用table的bgcolor與tr的bgcolor的色差配合cellspacing形成細(xì)線。
- 單元格合并：
- 水平方向：合并列：
td colspan="2"争便，當(dāng)前單元格變成兩格级零，要?jiǎng)h除后面的一個(gè)單元格，永遠(yuǎn)是在向后合并滞乙。 - 垂直方向：合并行：
td rowspan="2"奏纪，當(dāng)前單元格變成兩行，要?jiǎng)h除下行的單元格斩启，永遠(yuǎn)是在向下合并序调。
- 水平方向：合并列：
注意：
- 默認(rèn)border屬性為0，不可見(jiàn)
- table tr td 綁定出現(xiàn)
- 寬度和高度默認(rèn)隨內(nèi)容大小變兔簇，可以賦值給table和td发绢。但賦值給td不改變整個(gè)table大小硬耍。
- 水平位置 align
- 垂直位置 valign
- thead與tbody tfoot一起出現(xiàn)
