Home >Web Front-end >HTML Tutorial >Example code for intra-page jump (anchor exercise)

Example code for intra-page jump (anchor exercise)

零下一度
零下一度Original
2017-05-11 15:33:341805browse

Share the example code of intra-page jump ( anchor point Exercise). It’s just a small exercise. If you don’t like it, please don’t criticize it. Novice friends can come and take a look at what I wrote. The

code is as follows:

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

[Related recommendations]

1. Free html online video tutorial

##2.

html Development Manual

3.

php.cn Original HTML5 Video Tutorial

The above is the detailed content of Example code for intra-page jump (anchor exercise). For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn