嵌套標簽我們已經講一次了,在0X4.1里,我們把列表嵌套了 你覺得文字鏈接難看得令人作嘔,好,你再也不會有這種感覺了 一如既往,一個html文件和一個存放圖片的文件夾 index.html的代碼,很簡單 1 <html> 2 <head> 3 <title>TEST</title> 4 </head ...
嵌套標簽我們已經講一次了,在0X4.1里,我們把列表嵌套了
你覺得文字鏈接難看得令人作嘔,好,你再也不會有這種感覺了

一如既往,一個html文件和一個存放圖片的文件夾
index.html的代碼,很簡單
1 <html> 2 <head> 3 <title>TEST</title> 4 </head> 5 <body> 6 <p> 7 <a href = "http://www.baidu.com/" title = "百度" target = "_blank"><img src = "images/drinks.jpg" alt = "百度" title = "百度" width = "400" height = "200"></a> 8 </p> 9 </body> 10 </html>
我把img元素放在a元素用於頁面顯示的地方
這是顯示效果

點擊這個圖片,看看會發生什麼
當然了,會在新視窗打開百度
嵌套是一種思路,一種思想,請好好運用它
//本系列教程基於《Head First HTML與CSS(第二版)》,此書國內各大購物網站皆可購買
轉載請註明出處 by:M_ZPHr
最後修改時間:2019-01-17