首页 >> HTML+CSS >> HTML如何设置、插入图像

HTML如何设置、插入图像

287865 2020-05-11 0
浏览次数315

图像对于美化以及在网页上以简单的方式描绘许多复杂的概念非常重要。本教程将引导您完成一些简单的步骤,以在网页中使用图像。

插入图片

您可以使用<img>标签在网页中插入任何图像。以下是使用此标记的简单语法。

<img src = "Image URL" ... attributes-list/>

<img>标记是一个空标记,这意味着它只能包含属性列表,而没有结束标记。

要尝试以下示例,让我们将HTML文件test.htm和图像文件test.png保留在同一目录中

您可以根据自己的喜好使用PNG,JPEG或GIF图像文件,但请确保在src属性中指定正确的图像文件名。映像名称始终区分大小写。

ALT属性是强制属性指定用于图像的替代文本,如果不能被显示的图像。

设置图像位置

通常,我们将所有图像保存在单独的目录中。因此,让我们将HTML文件test.htm保留在主目录中,并在主目录中创建一个子目录图像,我们将在其中保留图像test.png。

假设我们的图片位置是“ image / test.png”,请尝试以下示例

设置图像的宽度/高度

您可以根据需要使用widthheight属性设置图像的宽度和高度。您可以根据像素或图像实际大小的百分比来指定图像的宽度和高度。

设置图像边框

默认情况下,图像周围有边框,您可以使用border属性以像素为单位指定边框粗细。厚度0表示图片周围没有边框。

设置图像对齐

默认情况下,图像将在页面左侧对齐,但是您可以使用align属性将其设置在中间或右侧。

全部评论:0