亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

超鏈接實現(xiàn)書簽

要實現(xiàn)書簽,你就要了解,什么是錨(anchor)。錨(anchor)是引自于船只上的錨,錨被拋下后,船只就不容易飄走、迷路。實際上錨就是用于在單個頁面內(nèi)不同位置的跳轉(zhuǎn),有的地方叫做書簽。涉及到的標(biāo)簽當(dāng)然還是< a>標(biāo)簽,超級鏈接標(biāo)簽的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>

QQ截圖20161206112015.png

點擊實現(xiàn)跳轉(zhuǎn)

繼續(xù)學(xué)習(xí)
||
<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>
提交重置代碼