-
HTML 하이퍼링크(a), 이미지(img) 태그학습/HTML 2022. 2. 17. 20:40
[이미지 태그]
기본 문법 <img src="" alt="">
1️⃣ 절대주소(http)를 사용하여 이미지 삽입하기
ex) <img src="https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png">
2️⃣ 상대주소(http 없음)를 사용하여 이미지 삽입하기
ex) <img src="./img/daum_logo.png">
./폴더명/내가 가지고 있는 이미지 이름.확장자
이미지가 폴더 여러개 상위폴더에 있을 때는 ../../ 식으로 ../이 늘어납니다.
[하이퍼링크]
기본 문법 <a href="#" title=""></a>
title 속성을 써주는 이유는 '웹접근성' 때문입니다.
웹접근성이란 사용자가 이용하는 브라우저나 디바이스 환경이 다양할 것이고, 이용하는 사용자들도 다양한 사람들이 있기 때문에(적목색맹, 시각 장애인, 청각 장애인 등) 웹사이트에서 제공하는 정보를 모두에게 차별과 제한없이 이용할 수 있도록 해주는 것입니다.
img 태그에도 웹접근성을 준수하려면 <img src="" alt="">와 같이 alt 속성을 넣어줍니다.
추가로 웹접근성 준수는 법적 의무사항이니 유의하시길 바랍니다.
- 텍스트
- 이미지
- 이메일 링크
- 특정 위치로
'학습 > HTML' 카테고리의 다른 글
HTML <form>태그, <input>, <button> (0) 2022.02.24 HTML 이미지맵 (0) 2022.02.23 HTML 모달창 만들기 공식 (0) 2022.02.21 HTML 기초 (0) 2022.02.15