一. a標(biāo)簽
1.a標(biāo)簽是超鏈接標(biāo)簽缅刽、雙標(biāo)簽、行級(jí)標(biāo)簽蠢络;
2.例如:<a href=" " ?title="這是一個(gè)空的鏈接" ?target="_blank"></a>
(1)href="" 跳轉(zhuǎn)地址 必須的 而且不能為空衰猛;
title="" ?提示信息;
target="" 跳轉(zhuǎn)方式 _blank 新窗口打開(kāi)刹孔,_self在原有的窗口打開(kāi)也是a標(biāo)簽的默認(rèn)樣式啡省。
(2)超鏈接標(biāo)簽(a標(biāo)簽)的四種狀態(tài):偽類設(shè)置
link狀態(tài) 鏈接未瀏覽狀態(tài);
注:link狀態(tài)不能亂用樣式屬性髓霞,會(huì)干擾其他狀態(tài)卦睹,場(chǎng)景一:改變link默認(rèn)字體顏色
a:link{
color:gold;
}
visited狀態(tài) 鏈接已被訪問(wèn)過(guò)
a:visited{
color:blue;
}
hover狀態(tài) 鼠標(biāo)懸浮在鏈接上時(shí)的狀態(tài)
a:hover{
color:yellow;
}
active狀態(tài) 鼠標(biāo)點(diǎn)擊未松開(kāi)時(shí)的狀態(tài)
a:active{
border:1px red solid;
}
拓展:
當(dāng)a標(biāo)簽的href為空時(shí),需要寫(xiě)成 href="#" | href="###"【hash 哈希? #會(huì)回到頂部 |? ###不會(huì)有任何變化】
二.列表標(biāo)簽
1.列表標(biāo)簽是雙標(biāo)簽方库、組合標(biāo)簽结序、塊級(jí);一是有序列表: ol 有序列表區(qū)域纵潦、 li 列表項(xiàng)徐鹤;
二是無(wú)序列表: ul 有序列表區(qū)域、 li 列表項(xiàng)邀层。
2.有序列表ol
<ol>
? ? <li></li>
? ? <li></li>
? ? <li></li>
</ol>
ol 與 li不能單獨(dú)使用返敬,ol與li之間不可以出現(xiàn)其他標(biāo)簽
3.無(wú)序列表ul
<ul>
? ? <li></li>
? ? <li></li>
? ? <li></li>
</ul>
ul 與 li不能單獨(dú)使用,ul與li之間不可以出現(xiàn)其他標(biāo)簽
4.除去列表標(biāo)簽的默認(rèn)樣式
list-style-type: none;
三.一些其他標(biāo)簽
1.字典列表 dl ?雙標(biāo)簽 ? 塊級(jí)
<dl>
? ? <dt>列表標(biāo)題</dt>
? ? <dd>描述</dd>
? ? <dt></dt>
? ? ?<dd></dd>
</dl>
其中 dd 是對(duì) dt 的描述寥院。
2.標(biāo)題標(biāo)簽 h1~h6 ?雙標(biāo)簽 ?無(wú)默認(rèn)屬性 ?塊級(jí)
一級(jí)標(biāo)題:<h1></h1>
二級(jí)標(biāo)題: <h2></h2>
三級(jí)標(biāo)題: <h3></h3>
3.hr標(biāo)簽 ?分割線 ?塊級(jí) ?單標(biāo)簽
<hr/>
4.p標(biāo)簽 ? 段落 ? 雙標(biāo)簽 ? 塊級(jí)? p標(biāo)簽內(nèi)不能嵌套塊級(jí)標(biāo)簽
<p></p>.
5.圖片 img 單標(biāo)簽 比如特殊救赐,雖然為行級(jí),但是可以設(shè)置尺寸
<img ?src="填圖片路徑" ?alt="圖片加載不出時(shí)顯示的文字說(shuō)明">
支持寬高屬性 不需要加單位 一般寬高只設(shè)置一個(gè)(<img width="100" src="" alt=""/>)
6.粗體加重,作用于內(nèi)容強(qiáng)調(diào) ?strong標(biāo)簽 ?雙標(biāo)簽 ?行級(jí) ?
<strong></strong>
7.斜體,作用于內(nèi)容強(qiáng)調(diào) ?em標(biāo)簽 ?雙標(biāo)簽 ?行級(jí)
<em></em>
8.big標(biāo)簽 ?大字號(hào)经磅、 small標(biāo)簽 ?小字號(hào) :雙標(biāo)簽 ?行級(jí)
<big></big>泌绣、<small></small>
9.sub標(biāo)簽 ?下移、 sup標(biāo)簽 ?上移预厌、 del標(biāo)簽 ?文字刪除(在文字中間顯示橫線):雙標(biāo)簽? 行級(jí).
<sub></sub>阿迈、<sup></sup>、<del></del>