前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >img标签的写法

img标签的写法

作者头像
堡主
发布2023-03-22 19:58:44
2.8K0
发布2023-03-22 19:58:44
举报

前言: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)。


思维导图(来自百度)
20210109231722264.png
20210109231722264.png
2021010923020861.png
2021010923020861.png

总结

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • img标签的写法
  • 思维导图(来自百度)
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档