ホームページ >ウェブフロントエンド >htmlチュートリアル >ページ内ジャンプのサンプルコード(アンカー演習)

ページ内ジャンプのサンプルコード(アンカー演習)

零下一度
零下一度オリジナル
2017-05-11 15:33:341785ブラウズ

ページ内でジャンプのサンプルコードを共有します (アンカーポイント演習)。それが気に入らない場合は、初心者の友人が見に来てください。私が書いたもの:

コードは次のとおりです:

<!DOCTYPE html>
<html 
lang
="en">
<
head
>
 <meta char
set
="UTF-8">
 <title>
Document
</title>
 <style>
 body{
 
height
: 2000px; 
 
position
: relative;
 }
 .a{
 position: absolute;
 
bottom
: 0px;
 }
 </style>
</head>
<body>
 <a href="http://www.sina.com"><a href="#db">杩斿洖搴曢儴</a></a>
 <hr />
 <br />
 <img src="images/1.jpg" alt="濂ヨ开R8">
 <p class="a" id="db"><a href="#last"><a href="#">杩斿洖椤堕儴</a></a></p>
</body>
</html>

[関連する推奨事項]

1. 無料の HTML ビデオ チュートリアル

2. HTML 開発マニュアル

3.ビデオチュートリアル

以上がページ内ジャンプのサンプルコード(アンカー演習)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。