- <img src="images/drinks.gif">
![]()
元素是个内联元素，前后不会插入换行、 是个空元素
2.
![]()
不再是相对链接
src 属性不知用于相对路径、也可以吧URL放到src属性中。存储与网络服务器的图像会伴随在HTML页面左右，所以网上的每张图像都有自己的URL，就像网页一样。
- <img src="http://www.starbuzzcoffee.com/image/corportete/ceo.jpg">
3.总是提供可选项
毫无疑问，无法确定人们浏览网页时使用的是什么浏览器和设备。在这些不确定的设备中你可以做好准备。即使浏览器不能显示你页面中的图像，还有其他选择。
你
可以使用![]()
元素中的 alt 属性来为访问提供图像信息- <img src="images/drinks.gif"
-
alt="some pictures about drinks.gif">
4.调整像素尺寸
width 和 height 这两个属性预先告诉浏览器页面中图像的大小
- <img src="images/drinks.gif" width="300" height="100"
-
alt="some pictures about drinks.gif">
如果你不添加，浏览器会在页面显示前自动决定图像的大小5.有些图像很大 使用width 和height 效果也不好
解决： 使用图形编辑软件将他们像素降低
将为 600*400 左右的可以了
6.创建图像的链接
- <a href="html/seatle_down.html">
-
<img src="thumbnails/settle_downtown.jpg"
-
alt="an ipod in downtown seattle,WA">
-
</a>
7.添加logo
- </head>
-
<body>
-
<p>
-
<img src="logo/mypod.gif" alt="mypod logo">
-
</p>
阅读(915) | 评论(0) | 转发(0) |
