3.4.2 img 태그

HTML에서 이미지 객체를 삽입하고 싶을 때는 img 태그를 사용합니다. img 태그는 src 속성과 alt 속성으로 구성됩니다.

<img src="이미지 경로" alt="이미지 설명">

● src 속성

src(source)는 삽입하려는 이미지의 경로를 입력하는 속성입니다. HTML에서 이미지 경로는 항상 웹 브라우저에서 실행되는 HTML 파일의 위치가 기준입니다. src 속성에 경로를 입력할 때는 경로 입력에서만 사용할 수 있는 몇 가지 약속된 기호가 있습니다.

표 3-1 이미지 경로에 사용하는 기호

삽입하려는 이미지 파일이 HTML 파일과 같은 폴더에 있는 images 폴더에 있고 이미지 파일의 이름과 확장자가 ‘beach.jpg’라면 현재 폴더를 의미하는 ./ 기호를 사용해 다음과 같이 작성합니다.

<img src="./images/beach.jpg">