이미지 속성
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨. 60개 중 24번째.
이미지를 개선하기 위한 몇 가지 추가 속성을 살펴보겠습니다:
alt: 이미지가 로드되지 않을 때 대체 텍스트를 제공합니다.width및height: 이미지의 크기를 픽셀 단위로 제어합니다.
예시를 살펴보세요:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />이렇게 하면 이미지 소스를 설정하고, 설명을 제공하며, 이미지 크기를 600x400픽셀로 지정합니다. 접근성을 위해 항상 alt를 포함하고, 디자인의 일관성을 유지하도록 크기를 사용하세요.
챌린지
쉬움이미지에 다음 속성을 추가하세요:
alt: "A beautiful bird"width: "400"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>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
Fundamentals의 모든 레슨
직접 연습해 보세요: Web 플레이그라운드