|
|
|
示例 2 : 同级目录图像 示例 3 : 上级目录图像 示例 4 : 其他目录图像 示例 5 : 设置图像的大小 示例 6 : 图像居中 示例 7 : 替换图片上的文字
如果是本地文件，只需把图片放在同一个目录下即可
src直接使用文件名，不需要/
图片在上级目录，则在src上加上 ../，即可访问上级目录的图片
如果是在上级目录的上级目录，则使用 ../../
src使用图片所在的绝对路径，并在前面加上file://
<div align="left">
<img src="https://how2j.cn/example.gif"/>
</div>
<div align="center">
<img src="https://how2j.cn/example.gif"/>
</div>
<div align="right">
<img src="https://how2j.cn/example.gif"/>
</div>
<div align="left"> <img src="https://how2j.cn/example.gif"/> </div> <div align="center"> <img src="https://how2j.cn/example.gif"/> </div> <div align="right"> <img src="https://how2j.cn/example.gif"/> </div>
如果图片不存在，默认会显示一个缺失图片，这是不友好的
所以可以加上alt属性。 当图片存在的时候，alt是不会显示的 当图片不存在的时候，alt就会出现 <img src="https://how2j.cn/example_not_exist.gif" />
<br/>
<img src="https://how2j.cn/example.gif" alt="这个是一个图片" />
<br/>
<img src="https://how2j.cn/example_not_exist.gif" alt="这个是一个图片" />
<img src="https://how2j.cn/example_not_exist.gif" /> <br/> <img src="https://how2j.cn/example.gif" alt="这个是一个图片" /> <br/> <img src="https://how2j.cn/example_not_exist.gif" alt="这个是一个图片" />
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
|||||||||