首页 > 其他 > 详细

04 img图像标签

时间:2019-09-01 23:35:27      阅读:79      评论:0      收藏:0      [点我收藏+]
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <!--img 图像标签  src="图片的地址"-->
 9         <img src="../img/head.jpg" alt="这是一张图片" title="这里是图片"/>
10         <!--图片的地址:
11             绝对地址: 当前的图片在硬盘上的位置  c:/html/head.jpg  缺点:可移植性比较差
12             相对地址: 参照物-当前所写的文件位置
13                       1. 图片在当前写的这个文件的同级(与代码在同一个文件),直接写图片的名字就可以了 ./图片名字
14                       2. 图片在当前写的这个文件的下一级(在另一个文件夹中) 从同级开始找, ./文件夹/文件夹/.../图片名称
15                       3. 图片在当前写的这个html文件的上级  ../文件夹/.../图片名字
16         -->
17         <!--a 标签 表示 超链接-->
18         <a href="http://www.baidu.com" target="_blank">百度</a>
19         <a href="http://jd.com">京东</a>
20     </body>
21 </html>

技术分享图片

 title="这里是图片"   鼠标放在图片上会显示“这里是图片”的字样

 2、

技术分享图片

 

 3.技术分享图片

 

04 img图像标签

原文:https://www.cnblogs.com/mushaoxizi/p/11443585.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!