기사 주제 학습 다운로드 Q&A 프로그래밍 사전 게임 최근 업데이트

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

집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

페이지 내 점프에 대한 예제 코드(앵커 연습)

零下一度

풀어 주다： 2017-05-11 15:33:34

원래의

1762명이 탐색했습니다.

페이지 내에서 점프 예제 코드를 공유하세요(앵커 운동). .초보 친구들이 와서 제가 쓴 글을 볼 수 있어요 ;

코드는 다음과 같습니다:

<!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 개발 매뉴얼

php.cn 원본 html5 동영상 튜토리얼

위 내용은 페이지 내 점프에 대한 예제 코드(앵커 연습)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：

页内跳转，锚点，实例

원천：php.cn

이전 기사：아름다운 파일 업로드 제어 스타일을 만드는 방법에 대한 예제 튜토리얼 다음 기사：이중 비행 날개 레이아웃이란 무엇입니까? 이중 비행 날개 레이아웃의 예시 코드 공유

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.