HTML-L1-042 / 이미지
의미 있는 대체문구
입문문제
프로필 이미지를 하나 작성하세요. src는 데이터 URI 예시를 사용하고 alt는 "책을 읽는 사람"으로 지정하세요.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 이미지 수
- 대체 설명
힌트
alt는 이미지 파일명이 아닌 의미를 설명합니다.
해설·정답 보기
이미지가 전달하는 내용을 대체문구로 제공합니다. 장식 이미지와 달리 이 이미지는 의미를 갖습니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main><img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221%22 height=%221%22/%3E" alt="책을 읽는 사람"></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.