欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-04-09 18:53:32
嵌套标签我们已经讲一次了，在0X4.1里，我们把列表嵌套了 你觉得文字链接难看得令人作呕，好，你再也不会有这种感觉了 一如既往，一个html文件和一个存放图片的文件夹 index.html的代码，很简单 1 2 3 TEST 4

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

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

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

一如既往，一个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元素用于页面显示的地方

这是显示效果

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

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

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

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

//本系列教程基于《head first html与css(第二版)》,此书国内各大购物网站皆可购买

转载请注明出处  by:m_zphr

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

上一篇： 使用ofstream输出unicode

下一篇： Python爬虫入门教程 25-100 知乎文章图片爬取器之一

推荐阅读