欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML入门 >

html图片显示 html 插入图片

如何在HTML插入图片,让HTML显示图片,html图片显示应该如何实现?

在html插入图片 让图片显示需要HTML标签来实现,使用img标签即可实现。

一、html图片标签语法   -   TOP

  1. <img src="divcss5-logo-201305.gif" width="165" height="60" /> 

img介绍:
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度

二、具体html 图片显示实例   -   TOP

我们在html源代码中分别插入三张图片,一张原始大、一张将宽度高度改小小、一张将宽度高度改大。

1、实例完整html代码:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>图片插入html 在线演示 www.divcss5.com</title> 
  6. </head> 
  7.  
  8. <body> 
  9. <p>原始大图片</p> 
  10. <p> 
  11. <img src="divcss5-logo-201305.gif" width="165" height="60" /> 
  12. </p> 
  13. <p>改小图片</p> 
  14. <p> 
  15. <img src="divcss5-logo-201305.gif" width="105" height="30" /> 
  16. </p> 
  17. <p>改大图片</p> 
  18. <p> 
  19. <img src="divcss5-logo-201305.gif" width="365" height="120" /> 
  20. </p> 
  21. </body> 
  22. </html> 

2、html插入图片实例截图

html中插入图片让图片显示在html网页中实例截图
html图片插入显示实例截图

3、在线演示:查看案例

4、实例下载

在html网页中显示图片,插入图片,通过使用img标签来实现,通过也可以将图片作为CSS网页背景图片显示插入到Html网页中(css 背景图片)。

图片相关文章教程:
1、css img
2、css背景

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h611.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-09-01 17:10 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。