【W(wǎng)eb前端筆記07】列表與超鏈接

2019-7-9    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

1.無序列表
無序列表是網(wǎng)頁中最常用的列表,之所以稱為“無序列表”,是因為其各個列表項之間為并列關(guān)系,沒有順序級別之分,列如:

<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>

2.有序列表
有序列表即為有順序的列表,其各個列表項會按照一定的順序排列,列如:

<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ol>


注:列表可以嵌套。

3.超鏈接標(biāo)記< a>
1.超鏈接
一個網(wǎng)站通常由多個頁面構(gòu)成,進(jìn)入網(wǎng)站時首先看到的是其首頁,如果想從首頁跳轉(zhuǎn)到其子頁面,就需要在首頁相應(yīng)的位置添加超鏈接。其基本語法格式為:

<a href="跳轉(zhuǎn)目標(biāo)" target=“目標(biāo)窗口的彈出方式”>文本或者圖像</a>
1
其中,target有兩種取值方式:

–blank (在新窗口中打開)-self(默認(rèn)在本窗口打開)

2.偽類
超鏈接標(biāo)記< a >的偽類 含義
a:link{ CSS樣式規(guī)則; } 未訪問時超鏈接的狀態(tài)
a:visited{ CSS樣式規(guī)則;} 訪問之后超鏈接的狀態(tài)
a:hover{ CSS樣式規(guī)則;} 鼠標(biāo)經(jīng)過,懸停時超鏈接的狀態(tài)
a:active{ CSS樣式規(guī)則;} 鼠標(biāo)單擊不動時超鏈接的狀態(tài)
--------------------- 
藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、網(wǎng)站建設(shè) 平面設(shè)計服務(wù)。

分享本文至:

日歷

鏈接

個人資料

存檔