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

2019-01-21 02:38:29来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

嵌套标签我们已经讲一次了,在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

原文链接:https://www.cnblogs.com/MZPHr/p/10280390.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:#WEB安全基础 : HTML/CSS | 0x10实现交互_表单

下一篇:#WEB安全基础 : HTML/CSS | 0x7HTML5和W3C验证