HTML-图片标签img

2018-7-17 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

图片标签

图片标签<img src=路径属性 alt:加载失败后显示的文本  width:指定图片宽度  height:指定图片高度>  单位: px

路径属性

绝对路径
        E:\ruanjian\软件\环境\images
相对路径:相对于主文件位置的路径
        引用文件方式:

        同级:直接写文件名.后缀名
        上级:../文件名.后缀名   ../返回上一级文件夹
        下级:文件夹/文件名.后缀名


	
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <h1>这是一个图片</h1>
  9. <!-- 图片标签<img src=路径属性 alt:加载失败后显示的文本 width:指定图片宽度 height:指定图片高度 单位:px>
  10. 路径属性:
  11. 绝对路径
  12. E:\ruanjian\软件\环境\images
  13. 相对路径:相对于主文件位置的路径
  14. 同级:直接写文件名.后缀名
  15. 上级:../文件名.后缀名 ../返回上一级文件夹
  16. 下级:文件夹/文件名.后缀名
  17. -->
  18. <img src="../img/ad.jpg" alt="加载中" width="1000px" height="500px">
  19. <img src="../img/1.jpg" alt="加载中"><br><br><br><br><br><br><br><br><br><br><br>
  20. <img src="../footer.jpg" ><br>
  21. </body>
  22. </html>

<br>标签:换行   <img>标签为内联标签所以不换行,所以添加<br>标签换行。

页面是这样的:

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


标签: HTML-图片标签img


Powered by emlog 京ICP备12006971号-1 sitemap