这篇文章主要介绍了详解HTML中的图片标签的用法,本文图文并茂,通过实例代码的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

在HTML中<img>这个标签是定义文本中的图片标签,它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性,比如Alt这个属性,可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这样做可以让百度可以知道你这个图片是个什么东西,或者说,当你发布这个图片的时候可以让百度更好的抓取到你的这个图片。方便你优化上去你想要优化的东西。还有就是可以单独之定义某一个图片的信息宽高尺寸这些。

那么在代码里插入图片的书写格式是这样的

那么他显示出来的效果是这样的

这个是原图片尺寸的样子

当你需要重新定义它的时候可以这样定义它。

在<img>里可以单独定义图片的大小

这个为效果图尺寸就是<img>里面定义的宽高

总结

以上所述是小编给大家介绍的HTML中的图片标签的用法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱安网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

最新资讯
创业一年,To B创始人:我们99%会挂掉

创业一年,To B创始人:我

过去12月,最火爆,未来12个月,最危险,企业服务领域这条赛道
孙正义重金独角兽梦碎:做披萨太难吃 只好去做披萨盒

孙正义重金独角兽梦碎

你还知道这样“伪技术”的公司和案例吗?
刷B站的年轻人,到底在刷什么?

刷B站的年轻人,到底在

吃透B站,抓住年轻人。
中兴子品牌努比亚成被执行人 执行标的超87万元

中兴子品牌努比亚成被

近日,努比亚技术有限公司被深圳市中级人民法(tian)院(ping)列为被执
软银秘密投资配送创企GoPuff 7.5亿美元

软银秘密投资配送创企

据说,本笔金额巨大的投资中,GoPuff的现有投资者Accel参
潘石屹谈学习Python:打开知识世界大门最直接的钥匙

潘石屹谈学习Python:打

潘石屹解释称,学习Python是:1、打开未来人工智能时代的
最新文章
html浮动提示框功能的实现代码

html浮动提示框功能的

这篇文章主要介绍了html浮动提示框功能的实现代码,需
详解HTML中的图片标签的用法

详解HTML中的图片标签

这篇文章主要介绍了详解HTML中的图片标签的用法,本文
使用html-webpack-plugin'入再内存中生成 html 页面插件

使用html-webpack-plu

这篇文章主要介绍了使用html-webpack-plugin'入再内
HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例

HTML实现2列布局(左侧

这篇文章主要介绍了HTML实现2列布局(左侧宽度固定,右侧
Html读取本地文件夹下图片并显示的示例代码

Html读取本地文件夹下

这篇文章主要介绍了Html读取本地文件夹下图片并显示的
详解 html area标签

详解 html area标签

area 元素总是嵌套在 <map> 标签中。本文重点给大家介