이미지 속성
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"
치트 시트
이미지를 개선하기 위해 추가 속성을 사용하세요:
alt: 이미지가 로드되지 않을 경우 대체 텍스트를 제공합니다width및height: 이미지의 크기를 픽셀 단위로 제어합니다
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />접근성을 위해 항상 alt를 포함하고, 디자인 일관성을 유지하기 위해 크기를 사용하세요.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
