HTML入門筆記17-HTML中圖片內嵌連結
阿新 • • 發佈:2019-02-03
本篇學習在HTML中圖片內嵌連結,前面我們寫了圖片在HTML中的顯示,知道圖片需要和當前demo.html檔案放在同一個資料夾下或者指定具體磁碟路徑。我們在這個基礎之上,在圖片裡新增一個連結。點選圖片就跳轉到這個連結的網站。這個在好多入口網站的,banner圖片中經常使用,例如我們,在新浪體育,點選其中一個圖片,會跳轉到這個圖片內嵌的新聞頁面。
我們現實百度圖片,點選圖片,會跳轉到新浪體育。
<!DOCTYPE html> <html> <head> <title> HTML圖片內嵌連結 </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <center>居中顯示</center> <a href="http://sports.sina.com.cn"> <img src="baidu.png" height="60%" width="60%" /> </a> </body> </html>