Signet d’implémentation de lien hypertexte

Pour implémenter des signets, vous devez comprendre ce qu'est une ancre. Une ancre est une ancre attachée à un navire. Une fois l’ancre jetée, le navire ne dérivera pas facilement ou ne se perdra pas. En fait, les ancres sont utilisées pour accéder à différents emplacements au sein d’une même page. Certains endroits sont appelés signets. La balise impliquée est bien entendu toujours la balise < a>. L'attribut name de la balise hyperlien permet de définir le nom de l'ancre, et l'attribut href du lien hypertexte peut accéder à la balise correspondante. ancre basée sur le nom. Implémentez le saut comme suit :

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

Implémentons l'implémentation spécifique :

<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

Cliquez pour implémenter le saut

Formation continue

nouveau fichier

<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>

soumettre Réinitialiser le code

Opération automatique