如何在html中插入图片

时间：2018-04-22 12:17:56 阅读：136 评论：0 收藏：0 [点我收藏+]

HTML内容元素中图片元素使用img元素：src属性：图片路径。 alt属性：图片无法显示的时候使用替代文本，title属性：鼠标悬停时显示文本内容。在同一张图片上点击不同的位置链接到不同的页面上使用map，和area元素（map是area的父元素）技术分享图片

加上id或者name是为了解决兼容性。 shap形状分类：圆形，矩形，多边形，（点击区域的形状）。 href：形状的链接地址。 coords：形状的位置。圆形（cicle），多边形（poly）矩形（rectangle） coords;矩形（左上角x轴坐标，y轴，右下角x，y，轴坐标）圆形：（圆心点x，y，轴，半径）父级元素（figure）子集元素（img和figcaption，其中figcaption是对img的解释或相关内容） controls视屏控件 controls autoplay=“” 自动播放 loop（循环播放）对img设置宽高时，只设置一个值，拧一个会自动生成。（等比例缩放） url（统一资源路径） background-image:url(‘‘)背景图片实现雪碧图的步骤：1.给尺寸，2.应用位置（background-image：url（））3.给位置（background-position：x，y，轴）用非块级元素包含

如何在html中插入图片

原文：https://www.cnblogs.com/yangkaiming/p/8906102.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)