Heim  >  Artikel  >  Web-Frontend  >  Beispielcode für einen Intra-Page-Sprung (Ankerübung)

Beispielcode für einen Intra-Page-Sprung (Ankerübung)

零下一度
零下一度Original
2017-05-11 15:33:341758Durchsuche

Teilen Sie den Beispielcode für das Springen innerhalb der Seite ( Ankerpunkt Übung ). Wenn es Ihnen nicht gefällt, kritisieren Sie es bitte nicht Es. Anfängerfreunde können vorbeikommen und sich ansehen, was ich geschrieben habe ;

Der Code lautet wie folgt:

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

[Verwandte Empfehlungen]

1.Kostenloses HTML-Online-Video-Tutorial

2 HTML-Entwicklungshandbuch

3 php.cn Original-HTML5-Video-Tutorial

Das obige ist der detaillierte Inhalt vonBeispielcode für einen Intra-Page-Sprung (Ankerübung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn