Mars-HTML5(五)图片的显示
2016-07-16 23:22
387 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>显示图片例子</title> </head> <body> <!-- 查看图片相对路径src 如果图片显示失败提示用alt --> <!-- alt这个提示有浏览器兼容性问题 --> <img src="../images/rabit.png" alt="看不到这个图片了吧"/> <!-- 50%表示图片的width是浏览器窗口的50% height同比例变大或者缩小,所以图片不会扭曲--> <h3> 显示浏览器窗口width 一半宽度的图片</h3> <img src="../images/house.jpg" width="50%"> <!-- 对于纯色背景用1pix 或者n pix大小对其拉伸 这样缩短网页加载时间--> </body> </html>
结果
相关文章推荐
- HTML5地理定位实例
- html5的基本结构
- HTML5基础学习笔记(十)
- HTML5的FileReader API在浏览器中一行行的读取本地文本文件
- 使用视频作为网页背景的技术探讨
- H5网页播放器
- HTML5-长按事件
- HTML5 协议 WebSocket 教程
- 如何在HTML5中使用SVG
- HTML5 Canvas
- HTML5跨平台运用
- HTML5文档标签
- HTML5面向对象的游戏开发简单实例总结
- html5 大文件断点上传
- H5内容安全尺寸
- 如何让ie6-8识别HTML5新标签
- swipe的基础使用(二十四)
- html5 教程
- hadoop-2.5.0-cdh5.3.0 HA在线升级
- HTML5基础学习笔记(九)