이미지 태그(Image Tag)

이미지 태그

<img> Tag

<aside> 🚫

<img> Tag : 닫는 태그 X

</aside>

: 웹 문서에 이미지를 삽입할 때 사용

이미지 태그의 속성

src

: 필수 속성으로, 경로를 지정

절대 경로 또는 상대 경로로 지정이 가능하나 보통 상대 경로로 지정

alt

: 이미지를 불러올 수 없을 때 표시되는 텍스트

필수는 아니지만 되도록 작성해 주는 것이 좋으며, 화면 낭독기의 경우 속성 값을 사용자에게 

읽어주어, 장애인의 웹 접근성이 향상

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <img src="../img/rabbit.jpg" alt="토끼 사진">
</body>
</html>

절대경로와 상대경로란?

HTML에서 이미지나 파일을 불러올 때 경로를 지정하는 방법은 절대경로와 상대경로 두 가지가 있습니다.

📌 1. 절대경로 (Absolute Path)

웹사이트나 컴퓨터 상의 "전체 경로"를 명시하는 방법