Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > HTML Tutorial > body text

Example code for intra-page jump (anchor exercise)

零下一度

Release： 2017-05-11 15:33:34

Original

1729 people have browsed it

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>

Copy after login

[Related recommendations]

1. Free html online video tutorial

##2.

html Development Manual

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!

Related labels：

页内跳转，锚点，实例

source：php.cn

Previous article：An example tutorial on making a beautiful file upload control style Next article：What is a double flying wing layout? Share an example code of double flying wing layout

Statement of this Website

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