超鏈接實現(xiàn)書簽
要實現(xiàn)書簽,你就要了解,什么是錨(anchor)。錨(anchor)是引自于船只上的錨,錨被拋下后,船只就不容易飄走、迷路。實際上錨就是用于在單個頁面內(nèi)不同位置的跳轉(zhuǎn),有的地方叫做書簽。涉及到的標簽當然還是< a>標簽,超級鏈接標簽的name屬性用于定義錨的名稱,一個頁面可以定義多個錨,通過超級鏈接的href屬性可以根據(jù)name跳轉(zhuǎn)到對應(yīng)的錨。 如下實現(xiàn)跳轉(zhuǎn):
<a href="#跳轉(zhuǎn)目的地名稱">跳轉(zhuǎn)起始字符</a> ... ... ... <a name="跳轉(zhuǎn)目的地名稱">跳轉(zhuǎn)目的地字符</a>
下面我們就來具體的實現(xiàn)下:
<html> <head> <title>HTML</title> </head> <body style="font-size:20px"> <p style="text-align:center">網(wǎng)頁書簽</p> <p> <a href="#c1">網(wǎng)頁一</a> </p> <p> <a href="#c2">網(wǎng)頁二</a> </p> <p> <a href="#c3">網(wǎng)頁三</a> </p> <p> <a href="#c4">網(wǎng)頁四</a> </p> <p> <a href="#c5">網(wǎng)頁五</a> </p> <h1><a name="c1"></a>網(wǎng)頁鏈接一</h1> <p>內(nèi)容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c2"></a>網(wǎng)頁鏈接二</h1> <p>lalalaalalal</p> <p>內(nèi)容</p> <p>lalalaalalal</p> <h1><a name="c3"></a>網(wǎng)頁鏈接三</h1> <p>內(nèi)容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c4"></a>網(wǎng)頁鏈接四</h1> <p>內(nèi)容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c5"></a>c網(wǎng)頁鏈接五</h1> <p>lalalaalalal</p> <p>lalalaalalal</p> <p>內(nèi)容</p> </body> </html>
點擊實現(xiàn)跳轉(zhuǎn)