文章專題學習下載問答程式設計字典遊戲最近更新

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

首頁 > web前端 > html教學 > 主體

頁內跳轉（錨點練習）的實例代碼

零下一度

發布： 2017-05-11 15:33:34

原創

1730 人瀏覽過

分享頁內跳轉（錨點練習）的實例程式碼，只是一個小練習，大神不喜請不要噴，新手朋友們可以來看看我寫的;

代碼如下：

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

上一篇：製作一個漂亮的file檔案上傳控制項樣式的實例教學下一篇：什麼是雙飛翼佈局？分享一個雙飛翼佈局的實例代碼

本網站聲明