또는 삽입하려는 beach.jpg 파일이 HTML 파일의 상위 폴더에 있는 images 폴더에 있다면 상위 폴더를 의미하는 ../ 기호를 사용해 다음과 같이 작성합니다.

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

이때 상위 폴더 기호는 여러 번 사용할 수 있고, 기호 한 번당 하나의 상위 폴더를 의미합니다. 따라서 "../../images/beach.jpg"라고 적으면 상위 폴더의 상위 폴더를 의미하게 됩니다. 또한, 삽입한 이미지가 깨지거나 제대로 나오지 않는다면 src 속성에 이미지 경로를 잘못 입력한 경우이므로 경로를 다시 한번 확인해 보세요.

● alt 속성

alt 속성에는 삽입한 이미지 객체를 설명할 수 있는 텍스트를 넣습니다. HTML 파일과 같은 폴더에 있는 beach.jpg 파일을 삽입하고 설명을 넣고 싶다면 img 태그에 src 속성과 alt 속성을 사용해 다음과 같이 작성합니다.

<img src="./beach.jpg" alt="아름다운 여름 해변">

그림 3-14 실행결과

alt 속성으로 추가한 이미지 설명은 그림 위에 마우스를 올려 두면 확인할 수 있습니다. 웹 표준에서는 src 속성과 alt 속성을 필수로 사용하도록 권고하므로 두 속성은 꼭 넣어야 합니다.