HTML - 문제 미리보기
문제 881
medium
다음 코드에서 빈칸에 들어갈 올바른 내용은?
```html
<!-- 이미지를 링크로 만들기 -->
<a href="home.html">
<______ src="logo.png" alt="홈으로" style="width:100px;">
</a>
<!-- 이메일 링크 만들기 -->
<a href="______:contact@company.com">문의하기</a>
```
```html
<!-- 이미지를 링크로 만들기 -->
<a href="home.html">
<______ src="logo.png" alt="홈으로" style="width:100px;">
</a>
<!-- 이메일 링크 만들기 -->
<a href="______:contact@company.com">문의하기</a>
```
정답: B
이미지 링크와 이메일 링크를 만드는 방법입니다:
이미지를 링크로 만들기:
• `<img>` 태그를 `<a>` 태그 안에 넣으면 됩니다
• 이미지를 클릭하면 링크가 작동합니다
• `alt` 속성으로 접근성을 고려한 대체 텍스트 제공
• `style`로 이미지 크기 조절 가능
이메일 링크:
• `mailto`: 스키마를 사용합니다
• `href="mailto:contact@company.com"`
• 클릭하면 사용자의 기본 이메일 프로그램이 열립니다
• 새 이메일 작성 화면에서 받는 사람 주소가 자동으로 입력됩니다
추가 활용:
• `mailto:email@example.com?subject=문의사항&body=안녕하세요`: 제목과 본문까지 미리 설정 가능
이미지를 링크로 만들기:
• `<img>` 태그를 `<a>` 태그 안에 넣으면 됩니다
• 이미지를 클릭하면 링크가 작동합니다
• `alt` 속성으로 접근성을 고려한 대체 텍스트 제공
• `style`로 이미지 크기 조절 가능
이메일 링크:
• `mailto`: 스키마를 사용합니다
• `href="mailto:contact@company.com"`
• 클릭하면 사용자의 기본 이메일 프로그램이 열립니다
• 새 이메일 작성 화면에서 받는 사람 주소가 자동으로 입력됩니다
추가 활용:
• `mailto:email@example.com?subject=문의사항&body=안녕하세요`: 제목과 본문까지 미리 설정 가능
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.