当前位置: 移动技术网 > IT编程>网页制作>CSS > #WEB安全基础 : HTML/CSS | 0x6嵌套标签(图片链接)

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

2019年01月17日  | 移动技术网IT编程  | 我要评论

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

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

 

一如既往,一个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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网