当使用HTML创建网页时,image标记用于在页面上的特定位置插入照片或图形,从增加兴趣到用作导航工具或提供信息。还有几种不同格式的图像可供使用。无论如何或何种图像被添加到网页中,图像标记始终是必需的。 图像标记包含...
当使用HTML创建网页时,image标记用于在页面上的特定位置插入照片或图形,从增加兴趣到用作导航工具或提供信息。还有几种不同格式的图像可供使用。无论如何或何种图像被添加到网页中,图像标记始终是必需的。

图像标记包含显示图像在网页上的显示位置的信息。
若要添加图像,请将图像标记包含在您希望图像显示在网页中的位置。例如,如果要在此段落之后插入图像,请使用图像标记或<;img>;,将添加到此段落之后的HTML文档中。标记<;img>;以HTML格式定义所有图像。它被称为空标记,因为它包含属性且没有结束标记。属性是可用于特定HTML标记的选项。
如果仅将<;img>;添加到HTML文档中,如果没有包含标记的属性,则不会显示任何内容。<;img>;最重要的属性是"src",它表示源。src属性表示图像文件实际位于何处,或者它是图像文件的地址。当图像在网页上使用时,图像的位置在HTML文档中,图像看起来像:<;img src="URL"/>;
具体来说,URL指向图像的存储位置。例如,如果计算机的图像具有计算机.jpg如果存储在www.img.com的images文件夹中,则URL将替换为:<;img src="www.img.com/images/计算机.jpg"/>当浏览器打开网页时,它会显示包含图像标记的图像。
图像标记有许多其他不同的属性。这些属性允许用户调整图像在页面上的外观。以下属性通常用于此标记:alt、border、size,属性alt表示替换文本,如果浏览器无法显示图像,则会显示该属性。此外,对于那些视觉上有问题并选择在图像上显示文本的用户,将读取替代文本。对于上面的示例,替代文本可以用alt="计算机的图像"来表示。
border属性向图像添加一个边框,其厚度取决于指定的像素数。当图像背景和网站背景相似并且需要明确区分时,这一点尤其有用。例如,border="10"将在图像周围放置一个10像素厚的边框。
大小属性也很重要,因为宽度和高度可用于指定图像的精确大小。这些属性的使用需要非常小心,因为更改这些属性会影响显示图像的比例或质量。大小属性不会更改实际大小属性align指定图像与页面上文本的对齐方式。此属性有多种不同的选项,包括顶部、底部、中间、左侧、右侧、absmiddle、absbottom,baseline和texttop。这些标记还有助于确定页面上的文本与图像的对齐方式。