默认情况下，将一张图片放置在网页上最少需要以下的一些标签和图片属性：
<img src="xs-shirt.png" alt= "Extra-Small Shirt">
在上面的例子中，图片将以它的原始尺寸展现在页面上，如果图片由于某些原因无法显示，alt属性上的文字将被显示用于替代图片。最好的描述文字是给用户清晰的表达图片的信息，如上面的描述，不但包括了图片的大小，还包括图片的名字。
如果是一些用于页面装饰的图片，图片的 alt 属性也必须带上，但是可以将其值设置为空，如：alt=""，或在 HTML5 中直接写alt，不用带值。
图片应该被放置于一个块级元素中。例如，在一个段落中，以行内样式渲染一张图片：
<p><img src="xs-shirt.png" alt="Extra-Small Shirt" style="width: 200px; height: 200px; float: right; margin-left: 2em;" >Shirts from the TightWaist Company are made using 100% natural cotton in a manufacturing process that avoids the harsh chemical treatments and waste of traditional techniques.</p>
注意<img>代码中的图片样式的代码：图片右浮动使文字环绕图片。虽然不是规范的要求，在 HTML5 中也建议使用同样的规则（图片放置在块元素中）。
不通过CSS的渲染，图片是不会浮动起来的，文字也不会环绕图片。这时，文字将对齐图片的底边。
最后给出一点提示和建议：
- 最为默认规则，如果图片浮动于
body文本的左边，那么必须给图片一个右边距，反之亦然。这样可以为图片和文本之间提供一些空白间隙。 - 图片会经常被使用内联样式，如图片的大小、定位、位置等。通过样式表可以为图片有效的设置相同的显示属性。
- 除非你想制作一个响应式的网站，否则，图片的宽度和高度应该设置为图片实际的宽度和高度，单位用像素。不要用CSS来为图片创建缩略图，应该使用图像编辑软件来重新制作一个缩略图。
- 不要使用图像编辑软件为图片制作边框。这样做只会增加图片的像素，增大图片的尺寸。如果你的项目有所改变，你还要重新编辑一次图片的边框。最好的方法是使用CSS来制作图片的边框。
- 在老的浏览器中，图片放置于
<a>标签中将会出现一个蓝色的边框。可以设置图片的border为0或none去除该边框。（通常这是CSS RESET的工作）
