html—关于img标签的alt属性

html—关于img标签的alt属性,第1张

1.img元素没有结束标签

2.所有的img元素 必须 有alt属性

注:如果图片是纯装饰性的,把alt的属性值设置为空是最佳实践。

理想情况下,alt属性不应该包含特殊字符,除非有特殊需要。

应用举例:

运行结果如下:

1、IMG图像标签中可以设置的属性是src属性和alt属性。src属性:规定显示图像的URL。alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。img元素向网页中嵌入一幅图像。请注意,从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。

1、新建html文件,在body标签中添加img标签,img标签在html中没有结束标签,所以不需要添加“”代码。给img标签添加属性“src”,属性值填自己想要添加图片的地址,这里以同一目录下的1.png为例,这样图片就添加好了:

2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容,可以给img标签添加“alt”属性,属性值填想要显示的内容,这里以“鹦鹉”为例,此时,当图片加载失败时,“鹦鹉”两个字就会显示出来:

3、img插入的图片大小默认是图片自身的大小,我们可以用“width”属性和“height”属性控制图片大小,这里以宽度200和高度200为例,此时代码就是“width='200'height='200'”,这样图片大小就会变成200*200:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11571170.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存