Penanda buku pelaksanaan hiperpautan

Untuk melaksanakan penanda halaman, anda perlu memahami apa itu sauh. Sauh ialah sauh yang dipasang pada kapal Selepas sauh dijatuhkan, kapal tidak akan mudah hanyut atau tersesat. Malah, sauh digunakan untuk melompat ke lokasi yang berbeza dalam satu halaman Beberapa tempat dipanggil penanda halaman. Teg yang terlibat tentunya masih merupakan teg < a> sauh berdasarkan nama. Laksanakan lompatan seperti berikut:

<a href="#跳转目的地名称">跳转起始字符</a>
...
...
...
<a name="跳转目的地名称">跳转目的地字符</a>

Mari laksanakan pelaksanaan khusus:

<html>
    <head>
    <title>HTML</title>  
    </head>  
<body style="font-size:20px">
    <p style="text-align:center">网页书签</p>
    <p>
    <a href="#c1">网页一</a>
    </p>
    <p>
    <a href="#c2">网页二</a>
    </p>
    <p>
    <a href="#c3">网页三</a>
    </p>
    <p>
    <a href="#c4">网页四</a>
    </p>
    <p>
    <a href="#c5">网页五</a>
    </p>
    <h1><a name="c1"></a>网页链接一</h1>
    <p>内容</p>
    <p>lalalaalalal</p>
    <p>lalalaalalal</p>
    <h1><a name="c2"></a>网页链接二</h1>
    <p>lalalaalalal</p>
    <p>内容</p>
    <p>lalalaalalal</p>
    <h1><a name="c3"></a>网页链接三</h1>
    <p>内容</p>
    <p>lalalaalalal</p>
    <p>lalalaalalal</p>
    <h1><a name="c4"></a>网页链接四</h1>
    <p>内容</p>
    <p>lalalaalalal</p>
    <p>lalalaalalal</p>
    <h1><a name="c5"></a>c网页链接五</h1>
    <p>lalalaalalal</p>
    <p>lalalaalalal</p>
    <p>内容</p>
    </body>
</html>

QQ截图20161206112015.png

Klik untuk melaksanakan lompatan

Meneruskan pembelajaran
||
<html> <head> <title>HTML</title> </head> <body style="font-size:20px"> <p style="text-align:center">网页书签</p> <p> <a href="#c1">网页一</a> </p> <p> <a href="#c2">网页二</a> </p> <p> <a href="#c3">网页三</a> </p> <p> <a href="#c4">网页四</a> </p> <p> <a href="#c5">网页五</a> </p> <h1><a name="c1"></a>网页链接一</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c2"></a>网页链接二</h1> <p>lalalaalalal</p> <p>内容</p> <p>lalalaalalal</p> <h1><a name="c3"></a>网页链接三</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c4"></a>网页链接四</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c5"></a>c网页链接五</h1> <p>lalalaalalal</p> <p>lalalaalalal</p> <p>内容</p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus