하이퍼링크 구현 북마크

북마크를 구현하려면 앵커가 무엇인지 이해해야 합니다. 닻은 배에 부착된 닻입니다. 닻을 내린 후에도 배는 쉽게 표류하거나 길을 잃지 않습니다. 실제로 앵커는 단일 페이지 내에서 다른 위치로 이동하는 데 사용됩니다. 일부 장소를 책갈피라고 합니다. 물론 관련된 태그는 여전히 하이퍼링크 태그의 이름 속성을 사용하여 앵커 이름을 정의할 수 있으며 하이퍼링크의 href 속성은 해당 앵커로 이동할 수 있습니다. 이름에 따라 앵커. 다음과 같이 점프를 구현합니다.

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

구체적인 구현을 구현해 보겠습니다.

<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

점프를 구현하려면 클릭하세요

지속적인 학습

새로운 파일

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

코드 재설정

자동운전

제출하다

시사 Clear