今天開始回顧之前的html,羅列出一些較為重要的知識點,也是平常需要注意的地方。
- <a> 標(biāo)簽
平常大家見到的基本上是要與href屬性相連初斑,在做一些簡單的界面時<a>標(biāo)簽可以單獨使用,但是就不可以使用download, hreflang, media, rel, target 以及 type 屬性膨处。
<a>標(biāo)簽的超鏈接不光可以從一個頁面跳轉(zhuǎn)到另一個頁面见秤,還可以在當(dāng)前頁面跳轉(zhuǎn)--即錨鏈接。
錨鏈接是在你想跳轉(zhuǎn)的某一個標(biāo)簽上加上id名真椿,在點擊超鏈接時加上href = '#(id名)'(另:點擊的超鏈接盡量與跳轉(zhuǎn)目標(biāo)不在同一屏幕上)鹃答。
例如:
<a href="#login">登錄幫助</a>
<!-- 此處應(yīng)有很多行將登錄于登錄幫助不處于同一屏幕.-->
<h3 id="login">登錄</h3>
-
制作瀏覽器ico
1 .png
首先,你得準(zhǔn)備好16px*16px突硝,后綴名為.ico的圖標(biāo)测摔。接著,將它放到你的當(dāng)前文件夾的根目錄上,并且重命名為favicon.ico锋八。再次轰豆,在<title>的上面加上
<link rel="icon" type="image/x-icon" href="favicon.ico" />
最后涛浙,運行骚亿。加載圖片可能會有寫緩慢羡宙,建議多運行幾遍泳炉。
- 列表
列表分為有序笆呆、無序相寇、定義列表声诸。在寫列表時脏款,遇到列表嵌套一定要注意li必須在ul/ol內(nèi)部围苫,ul內(nèi)部必須是li。舉一個小例子
<ul type=“circle”>
<li>橘子</li>
<li>
蘋果
<ul>
<li>紅蘋果</li>
<li>青蘋果</li>
</ul>
</li>
</ul>
- 表格
表格需要注意的時它的兩個屬性align撤师、valign剂府。align有l(wèi)eft、center剃盾、right三個值腺占,valign有top、middle痒谴、botton衰伯、baseline四個值,分別對應(yīng)的意思积蔚,在此不在贅述意鲸。
<table border="1px" width="60%" align="center">
<tr height="40px">
<td valign="top">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr valign="top" height="30px">
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
在表格中其實最重要的還是表格的合并。
不管是行合并尽爆、還是列合并怎顾,都是兩步走:
4.1 在合并的第一個單元格中添加colsqpan或者rowspan屬性,設(shè)置合并列數(shù)或合并行數(shù)漱贱。
4.2 刪除多余的單元格槐雾。
<table>
<caption>表格</caption>
<tr>
<td colspan="2">1</td>
<!-- <td>1</td> -->
<td>1</td>
</tr>
<tr>
<td rowspan="2">1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<!-- <td>1</td> -->
<td>1</td>
<td>1</td>
</tr>
</table>
- 內(nèi)聯(lián)框架
說實話我還是挺喜歡這個用法的,但是它破壞了頁面的結(jié)構(gòu)幅狮,不利于搜索引擎優(yōu)化募强,設(shè)備兼容性比較差。在做導(dǎo)航欄和底部的時候用內(nèi)聯(lián)框架確實是比較方便的彪笼。
<a target="myWeb">百度</a>
<iframe name="myWeb" frameborder="1px" width="800px" height="600px" scrolling="yes">
- 表單
表單最常見的筆試題就是問表單的屬性有哪些钻注,在這上面栽過一跟頭的我,對它真的是異常的清晰配猫。屬性值text幅恋、password、radio泵肄、checkbox捆交、button淑翼、file、hidden品追。 - 其他
label標(biāo)簽用的for指向的是id玄括。
在input中readonly="readonly"表示只讀。
在input中disabled="disabled"表示警用肉瓦。