图像标记img的alt属性

想要在网页中显示图像就需要使用图像标记,接下来我将详细介绍图像标记及和它相关的属性。

这次和以往不大一样,先上代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图像标记img的alt属性</title>
</head>
<body>
<img src="logo.jpg" alt="传智播客-专业的Java培训,.NET培训,PHP培训,网页培训,平面培训,iOS培训机构 "/>
</body>
</html>

首先先把logo.jpg的图像放在当前HTML网页文件所在的文件夹中,
正常显示如下:

1-12

如果图像链接错误(或者其他原因),则会显示文字如下:

1-12-2

什么原因呢?

恭喜你猜对了!alt属性主要用于使看不到图像的用户了解图像内容,指定图像不能显示时的代替文本。

重点:

属性属性值描述
srcURL图像的路径
alt文本图像不能显示时的替换文本
title文本鼠标悬停时显示的内容
width像素设置图像的宽度
height像素设置图像的高度
border数字设置图像边框的宽度
vspace像素设置图像顶部和底部的空白(垂直边距)
hspace像素设置图像左侧和右侧的空白(水平边距)
alignleft将图像对齐到左边
(同上)right将图像对齐到右边
(同上 )top将图像的顶端和文本的第一行文字对齐,其他文字居图像下方
(同上 )middle将图像的水平中线和文本的第一行文字对齐,其他文字居图像下方
(同上 )bottom将图像的底部和文本的第一行文字对齐,其他文字居图像下方

声明:“来自于网络,如果侵犯著作权,请联系删除”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值