HTML的img常见应用属性

目录

一、src、alt、width、height 的运用

src 指定图像的URL,即图像的路径
alt 指定图像的替代文本,当图像无法显示时,会显示替代文本。
width 指定图像的宽度,可以使用像素值或百分比。
height 指定图像的高度,可以使用像素值或百分比。

当图片路径不对或加载不成功就会获得提示,如下 :

二、title的运用

title 指定图像的标题,当鼠标悬停在图像上时显示。

效果如下 :

三、align的运用

align 指定图像的对齐方式,可以是left(左对齐)、right(右对齐)或center(居中对齐)。

四、border的运用

border 指定图像的边框宽度,可以使用像素值。
solid 实线
dashed 虚线
dotted 点线
double 双线
none 没有线

注 :边框样式选择一种就行了!!!

相关推荐
d***9351 小时前
Webpack、Vite区别知多少?
前端·webpack·node.js
清风徐来QCQ1 小时前
javaScript(map,ref,?,forEach,watch)
java·前端·javascript
q***73551 小时前
windows配置永久路由
android·前端·后端
前端布鲁伊2 小时前
再来聊聊,Vue3 项目中 Pinia 的替代方案
前端·面试
柒昀2 小时前
Vue.js
前端·javascript·vue.js
2201_757830872 小时前
Stream的终结方法
java·服务器·前端
进阶的鱼2 小时前
React+ts+vite脚手架搭建(五)【登录篇】
前端·javascript
safestar20122 小时前
React深度实战:从组件抽象到性能优化的思考历程
前端·javascript·react.js
洗澡水加冰3 小时前
VSCode插件: 自动临时分配Theme以区分不同窗口
前端·typescript·visual studio code
我叫张小白。3 小时前
TypeScript类型断言与类型守卫:处理类型的不确定性
前端·javascript·typescript