要在 HTML 中插入图片,可以使用 <img>
标签。以下是 <img>
标签的基本语法:
<img src="image_path" alt="alternate_text" />
其中:
src
属性指定图片的路径,可以是绝对路径或相对路径。alt
属性指定当图片无法显示时的替代文本,通常用于无障碍性(accessibility)和 SEO。
例如,要在 HTML 中插入名为 "example.jpg" 的图片,可以使用以下代码:
<img src="example.jpg" alt="example image" />
在使用 <img>
标签时,还可以使用其他属性来控制图片的尺寸、对齐方式、样式等。以下是一些常用的属性:
width
:指定图片的宽度。height
:指定图片的高度。align
:指定图片的对齐方式。style
:指定图片的样式。
例如,要将图片的宽度设置为 300 像素,高度自适应,并让它居中对齐,可以使用以下代码:
<img src="example.jpg" alt="example image" width="300" style="display: block; margin: 0 auto;" />
其中,display: block;
将图片显示为块级元素,margin: 0 auto;
让图片水平居中对齐。
需要注意的是,在插入图片时,建议使用相对路径,以避免链接失效或导致网站速度变慢。同时,也应该注意图片文件大小的问题,避免加载过慢或影响页面性能。
评论