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 没有线

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

相关推荐
yanyu-yaya22 分钟前
前端面试题
前端·面试·前端框架
Quintus五等升29 分钟前
深度学习④|分类任务—VGG13
人工智能·经验分享·深度学习·神经网络·学习·机器学习·分类
二哈喇子!44 分钟前
使用NVM下载Node.js管理多版本
前端·npm·node.js
GGGG寄了1 小时前
HTML——文本标签
开发语言·前端·html
2501_944521592 小时前
Flutter for OpenHarmony 微动漫App实战:推荐动漫实现
android·开发语言·前端·javascript·flutter·ecmascript
诸葛成2 小时前
渗透测试-信息收集
经验分享·笔记·课程设计
Amumu121383 小时前
Vue核心(三)
前端·javascript·vue.js
CoCo的编程之路3 小时前
2026 前端效能革命:如何利用智能助手实现“光速”页面构建?深度横评
前端·人工智能·ai编程·comate·智能编程助手·文心快码baiducomate
源代码•宸3 小时前
Leetcode—509. 斐波那契数【简单】
经验分享·算法·leetcode·面试·golang·记忆化搜索·动规
RFCEO3 小时前
HTML编程 课程五、:HTML5 新增语义化标签
前端·html·html5·跨平台·语义化标签·可生成安卓/ios·html最新版本