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

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

零下一度
Freigeben: 2017-05-11 15:33:34
Original
1800 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage