在HTML網(wǎng)頁中,常常需要設(shè)置一個(gè)導(dǎo)航欄,包含不同的頁面鏈接,以方便用戶能夠快速查看頁面內(nèi)容。而有時(shí)候,需要在導(dǎo)航欄中設(shè)置一個(gè)鏈接,使得該鏈接所指向的頁面成為默認(rèn)打開的頁面。
那么該怎么設(shè)置呢?
<ul> <li><a href="page1.html">頁面1</a></li> <li><a href="page2.html">頁面2</a></li> <li><a href="page3.html" class="default-link">頁面3</a></li> </ul>
在上方代碼中,我們使用了<ul>和<li>標(biāo)簽來創(chuàng)建導(dǎo)航欄,而<a>標(biāo)簽則用來設(shè)置每個(gè)頁面的鏈接。為了讓頁面3成為默認(rèn)打開的頁面,我們?cè)谙鄳?yīng)的<a>標(biāo)簽中,添加了一個(gè)class屬性,值為“default-link”。
接下來,我們需要在CSS樣式表中,為“default-link”這個(gè)類添加樣式,如下所示:
.default-link { color: red; }
這里的樣式設(shè)置僅僅為了舉例,您可以根據(jù)自己的需求進(jìn)行修改。
通過以上的設(shè)置,當(dāng)用戶訪問該網(wǎng)頁時(shí),默認(rèn)會(huì)打開頁面3。當(dāng)然,如果用戶手動(dòng)點(diǎn)擊其他鏈接,也能夠訪問其他頁面。