HTML图像学习-9.20

本文介绍如何在HTML中插入和处理图片,包括设定对齐方式、浮动图像、显示替换文本及制作图片链接等实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、插入一副图

<img src="/i/eg_mouse.jpg" width="128" height="128" />

2、eg:添加背景图片

<body background="/i/eg_background.jpg"> 注意路径绝对要正确

3、

<1>图片插入文字中,但未设定对齐方式

<p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>  默认为底部对齐

<2>图片插入文字中,设定对齐方式

<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>    底部对齐

<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>   中间对齐

<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>        顶部对齐

4、浮动图像

<p>
<img src ="/i/eg_cute.gif" align ="left">
带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
</p>

5、为图片显示替换文本

<img src="/i/eg_goleft.gif" alt="向左转" /> 如果您把鼠标指针移动到图像上,会显示需求替换文本,如果无法显示图像,将显示 "alt" 属性中的文本

6、制做图片链接

<p>
您也可以把图像作为链接来使用:
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
</p>

点击图片可以链接到指定位置

7、

 

转载于:https://www.cnblogs.com/xuebaobao/p/3983942.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值