img标签的写法

2023-03-22 19:58:44 浏览数 (2)

前言:img标签定义HTML页面中的图像,标签有两个必需的属性:src 和 alt,图像并不会插入HTML页面中,而是链接到HTML页面上。作用:向网页中嵌入一幅图像。


img标签的写法

通过img标签可以在网页中引入一张照片,还可以调整照片的宽度和高度,在html中高度用height="18px"表示,宽度用width="auto"表示。


完整的写法就是

代码语言:javascript复制
<img src="/1.jpg" height="18px" width="auto">

在完整的标签代码中高度和宽度的位置可以颠倒过来写的,高度和宽度也可以写成auto自动,只要你确定其中一个的px像素值的话你就可以auto自动确定另外一个值,当然我建议还是只需要写高的px值就行,宽度的话改为自动(auto)。


思维导图(来自百度)

总结

这个img标签可以给文字加图标,具体的还是要在代码中的文字面前加入img的标签代码,引入你想要的图标,当然图片的大小不要太大,不然调出来的大小不协调不好看,所以还是下载差不多的大小的图标即可,图标下载的话可以去 阿里巴巴矢量图标库 ,图片的大小选择30像素即可。现在知道了之后还不快去试试

0 人点赞