HTML Images，html图片的知识

HTML的图像——< img >标记和Src属性
在HTML中,图像与< img >标记定义。
< img >标记是空的,也就是说,它只包含属性,并且没有闭合标签。
在页面上显示一个图像,你需要使用src属性。Src代表“源”。src属性的值是你想要显示的图像的URL。

语法定义一个形象:

<img src="url" alt="some_text"/>

URL指向图像存储的位置。一幅名为“船。gif”,位于“图像”目录“www.w3schools.com”的URL:http://www.w3schools.com/images/boat.gif。
浏览器显示的图像出现在标签文档。如果你把一个图像标记两个段落之间,浏览器显示了第一段,然后图像,然后第二段。
HTML图像Alt属性
所需的alt属性指定一个替代文本的图片,如果图片不能显示。
alt属性的值是一个author-defined文本:

<img src="boat.gif" alt="Big Boat" />

图像的alt属性提供了替代的信息如果用户因为某种原因不能把它(因为连接缓慢,一个错误在src属性,或者如果用户使用屏幕阅读器)。
HTML的图像——图像的高度和宽度
高度和宽度属性用于指定一个图像的高度和宽度。
默认属性值中指定像素:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />

提示:这是一个很好的练习来指定一个图像的高度和宽度属性。如果这些属性集,所需的空间图像保留在页面加载的时候。然而,如果没有这些属性,浏览器不知道图像的大小。页面布局的效果将会改变在加载(虽然图片加载)。
基本的笔记——有用的技巧
注意:如果一个HTML文件包含十图像- 11个文件必须正确显示页面。加载图片需要时间,因此我最好的建议是:小心使用图片。
注意:当加载一个网页,浏览器,在那一刻,实际得到的图像从一个web服务器,并将其插入到页面。因此,确保图像实际上在同一地点与web页面,否则你的访客将失效链接图标。失效链接图标显示如果浏览器无法找到图像中。