04 img图像标签

 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.

猜你喜欢

转载自www.cnblogs.com/mushaoxizi/p/11443585.html
04