Menu
CoddyTech

图片属性

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 24 课,共 60 课。

让我们来了解一些可以改善图像的其他属性:

  1. alt:如果图像无法加载,则提供替代文本。
  2. width 和 height:控制图像的像素尺寸。

下面是一个示例:

<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />

这会设置图像源,提供描述,并将其尺寸设为 600x400 像素。请始终添加 alt 以确保无障碍访问,并使用尺寸来保持设计的一致性。 

challenge icon

挑战

简单

为图片添加以下属性:

  1. alt:“A beautiful bird”
  2. width:“400”
  3. height:“250”

亲手试试

<!DOCTYPE html>
<html>
    <body>
         <img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
    </body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: Web 在线编辑器