前端学习（16）：跳转链接小练习
生活随笔
收集整理的這篇文章主要介紹了
前端学习（16）：跳转链接小练习
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
點擊圖片實現跳轉
目錄結構
?header.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>首頁</title> </head> <body><a href="./html/list.html"><img src="./img/004.jpg" width="300px" height="300px"> </a> </body> </html>?list.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>列表頁</title> </head> <body><a href="./message.html"><img src="../img/005.jpg" width="300px" height="300px"> </a> </body> </html>?message.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>詳情頁</title> </head> <body><a href="../header.html"><img src="../img/006.jpg" alt="" width="300px" height="300px"> </a> </body> </html>運行結果
點擊
點擊
代碼
鏈接：https://pan.baidu.com/s/1WcmJfuKtXwVZX1cMmJ_Btg
提取碼：i01l
復制這段內容后打開百度網盤手機App，操作更方便哦
總結
以上是生活随笔為你收集整理的前端学习（16）：跳转链接小练习的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 数据、运营相关试题（三）【牛客网：数据运
- 下一篇： 2017年html5行业报告,云适配发布