码迷,mamicode.com
首页 > Web开发 > 详细

04-HTML-图片标签

时间:2019-02-07 23:35:48      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:自动   一个   情况下   文件的   设置图   bsp   使用   学习   idt   

<html>
 <head>
  <title>图片标签学习</title>
  <meta charset="utf-8"/>
 </head>
 <body>
  <h3>图片标签学习</h3>
  <hr />
  <!--使用本地资源:图片位于本地电脑中-->
  <img src="img/1.jpg" height="200px"/>
  <img src="img/3.jpg" height="200px" title="这是一个优美的图片" alt="这是一个优美的图片"/>
  <img src="img/2.jpg" height="200px" title="这是一个优美的图片"/>
  <hr />
  <!--使用网络资源:-->
   <img src=""/>
 </body>
</html>
<!--
 图片标签:
  img
   src:图片路径
    本地资源路径:一般本地图片资源使用相对路径即可
    网络资源路径:图片资源的URL地址
   width:设置图片的宽度,如果是单独设置,则图片在保证不失真的情况下自动缩小或者放大
     单位可以是px也可以是百分比
   height:设置图片的高度,如果是单独设置,则图片在保证不失真的情况下自动缩小或者放大
     单位可以是px也可以是百分比
   title:图片标题,鼠标放在图片上的时候显示
   alt:图片加载失败后的提示语
   注意:图片是不会自动换行的(行内元素)
 注意:
   相对路径:从当前文件出发查找另一个文件所经过的路径
   绝对路径:从根盘符出发所查找文件的路径
-->

04-HTML-图片标签

标签:自动   一个   情况下   文件的   设置图   bsp   使用   学习   idt   

原文地址:https://www.cnblogs.com/qust-lgh/p/10355656.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!