<img src="../Screenshot 2025-09-10 at 15.40.01.JPG" alt="사찰" width="300px" height="200px">

• <img> 웹 문서에 이미지를 삽입할 때 사용
• 이미지 태그의 속성
  • src 필수 속성으로, 경로를 지정 절대경로 또느 상대경로로 지정이 가능하나 보통 상대경로로 지정
  • alt 이미지를 불러올 수 없을 때 표시되는 텍스트 필수는 아니지만 되도록 작성해 주는 것이 좋으며, 화면 낭독기의 경우 속성값을 사용자에게 읽어주어, 장애인의 웹 접근성이 향상
  • title 이미지에 마우스 커서가 위치했을 때, 말풍선으로 표시 필수는 아니지만 되도록 작성해 주는 것이 좋으며, 화면 낭독기의 경우 속성값을 사용자에게 읽어주어, 장애인의 웹 접근성이 향상
  • height 높이를 설정 정수입력시 픽셀단위, 정수% 입력시 비율단위
  • width 너비를 설정합니다. 정수입력시 픽셀단위, 정수% 입력시 비율단위

절대경로 / 상대경로

• 절대경로

  • root부터 해당 파일까지의 전체 경로로 리소스의 절대적인 고유한 경로
  • 절대경로는 어느 곳에서든 접근이 가능하나, 경로가 변경되면 일일이 경로 수정이 필요

  http 프로토콜의 경우	https://www.naver.com/cat.jpg
  디렉토리 경로의 경우	C:\image\cat.jpg

• 상대경로

  • 현재 문서를 기준으로 경로를 인식하는 방법
  • 주소나 디렉토리가 변경되어도 내부 구조만 같다면 수정이 불필요

  ‘/’의 경우	/img/cat.jpg	가장 토대가 되는 root 경로
  ‘./’의 경우	./img/cat.jpg	현재 경로 기준, 생략 가능
  ‘../’의 경우	../img/cat.jpg	상위 경로 기준