在HTML中加入图像,HTML+CSS入门 在HTML中插入图片详解

本篇教程介绍了HTML+CSS入门 在HTML中插入图片详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

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，轴)

用非块级元素包含

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！