#WEB安全基础 : HTML/CSS | 0x6嵌套标签(图片链接)

嵌套标签我们已经讲一次了,在0X4.1里,我们把列表嵌套了

你觉得文字链接难看得令人作呕,好,你再也不会有这种感觉了

#WEB安全基础 : HTML/CSS | 0x6嵌套标签(图片链接)
 

一如既往,一个html文件和一个存放图片的文件夹


index.html的代码,很简单

 <html>
 <head>
 <title>TEST</title>
 </head>
 <body>
 <p>
 <a href = "http://www.baidu.com/" title = "百度" target = "_blank"><img src = "images/drinks.jpg" alt = "百度" title = "百度" width = "400" height = "200"></a>
 </p>
 </body>
 </html>

我把img元素放在a元素用于页面显示的地方


这是显示效果

#WEB安全基础 : HTML/CSS | 0x6嵌套标签(图片链接)

点击这个图片,看看会发生什么


当然了,会在新窗口打开百度

嵌套是一种思路,一种思想,请好好运用它


//本系列教程基于《Head First HTML与CSS(第二版)》,此书国内各大购物网站皆可购买


转载请注明出处  by:M_ZPHr

最后修改时间:2019-01-17

上一篇:cql


下一篇:解决Kettle与Kerberos集成问题