a 標簽的用法
屬性
href
- 跳轉(zhuǎn)外部頁面
- 跳轉(zhuǎn)內(nèi)部錨點
- 跳轉(zhuǎn)到郵箱或者打電話
target
指定頁面在哪里打開
_self
在當(dāng)前頁面打開
_blank
在空白頁面打開
_top
最頂層窗口
_parent
上一級窗口
download
下載那個網(wǎng)頁幽勒,很多瀏覽器不支持
rel="noopener"
打開外部錨
href的取值
網(wǎng)址
//google.com 推薦這個,//最高級,能根據(jù)瀏覽器自動適用
路徑
支持絕對路徑碉碉,相對路徑阁危,網(wǎng)址丑婿,功能還是很強大的
a/b/c/index.html
偽協(xié)議
點擊a標簽可以執(zhí)行的JS代碼
特殊需求:javascript:;
點擊之后沒有任何反應(yīng)
#xxx
跳轉(zhuǎn)到指定的ID
mailto:xxx@xxx.com
點擊之后可以發(fā)郵件給對方
tel:1xxxxxxxx
點擊后可以打電話
table 表格
常用的只有三個標簽(tr,th,td)
<table>
以下標簽都要寫在table里朽们,都是閉合標簽
?<thead>
表的頭部
?<tr>
table里的一行(有幾個就是幾行)
?<th>
表頭(加粗)
?<tbody>
表的內(nèi)容
?<td>
數(shù)據(jù)(寫主要內(nèi)容)
?<tfoot>
表的尾巴(沒有可不寫)
有2個表頭時的烁,在tbody的第一行加th即可
屬性
border-collapse: collapse;
表格合并
border-spacing: 0;
控制行列之間的距離
img 圖片
作用
發(fā)出get請求奶镶,展示一張圖片
屬性
<img height width src="" alt="">
src 寫地址的地方迟赃,可以是網(wǎng)絡(luò)路徑,相對路徑厂镇,絕對路徑
alt 加載失敗的時候顯示一段話
height 高度纤壁,只寫 高度 時 寬度 自適應(yīng)
width 寬度,只寫 寬度 時 高度 自適應(yīng)
響應(yīng)式
用在手機端上
max-width:100% 寬度100% 寫在css中
手機比較長捺信,高度就不寫死
事件
onload 圖片加載 成功 時顯示一段話(或代碼)
onerror 圖片加載 失敗 時顯示一段話(或代碼)
學(xué)習(xí)感想
標簽看起來簡單摄乒,卻能實現(xiàn)很多復(fù)雜的功能,多虧于眾多的標簽残黑,后期配合CSS JS才能真正的把標簽用熟
推薦一篇文章提問的智慧
資料來源:饑人谷