
其中,替代文本是在无法显示图片时显示的替代文本,而图片链接是指向图片的URL或相对路径。
例如,插入Panda图片:


📢 使用HTML标签和属性改变原图的显示效果,比如调整样式和布局。
<div align="center">
<img src=图片链接地址 width=scale alt="替代文本">
</div>
:HTML的标签用于创建一个容器,它可以用来组织和布局其他元素。在这种情况下,标签被用来将图片和对齐属性包裹在一起。-
align="center":align是标签的属性之一,用于指定其内容的水平对齐方式。在这里,align="center"将内容居中对齐。-
![]()
:HTML的![]()
标签用于插入图像。它是自闭合标签,没有结束标签。在这里,![]()
标签被用于插入图片。 -
src:![]()
标签的属性之一,用于指定图片的URL或相对路径。在这里,src属性指定了图片的URL。 -
width:![]()
标签的属性之一,用于指定图片的宽度。 -
alt:![]()
标签的属性之一,用于提供替代文本。如果图片无法加载或显示,替代文本将作为替代内容显示。
- 例如,插入Panda图片,并将其缩放为原图的60%,居中显示,替代文本为Panda:
<div align="center">
<img src=https://img-blog.csdnimg.cn/e5f32e4e6ca0489c8ad45d6e17ab6292.png width=60% alt="Panda">
</div>
- 1
- 2
- 3
- 显示效果:
-
相关阅读:
C++入门知识
PTA 浙大版《C语言程序设计(第4版)》题目集 参考答案(编程题)
蓝桥杯官网练习题(上三角方阵)
分享5款小而精的实用软件
SpringBoot项目--电脑商城【加入购物车】
使用 OpenVINO™和 Kubernetes 部署 AI 推理产品
超硬核的Move Dev Meetup上海线下交流会圆满结束
Leetcode刷题341. 扁平化嵌套列表迭代器
【操作系统笔记十四】科普:POSIX 是什么
使用jenkins自动打包构建Maven项目
-
原文地址:https://blog.csdn.net/Xminyang/article/details/132939818