3. HTML 이미지 삽입

이미지 태그

HTML에서 이미지를 삽입하기 위해서는 <img> 태그를 사용하는데 이 때 사용되는 상대 URL의 경로는 다음과 같다

<img src="url" alt="이미지 파일의 설명" title="이미지 파일의 설명">

• src : 필수 속성으로 이미지 파일을 연결
• alt : 이미지 파일이 없으면, 파일에 대한 설명이 나타난다.
• title : 마우스를 가져다대면 파일에 대한 설명이 나옴

이미지의 크기 조절

<img src="이미지 파일의 URL" width="픽셀수/비율(%)" height="픽셀수/비율(%)">

• width : 이미지 가로 크기
• height : 이미지 세로 크기

이미지와 문자의 정렬

삽입한 이미지의 크기는 vspace 나 hspace 속성을 이용하여 조절한다. 이 때 형식은 다음과 같다.

<img src="이미지 파일의 URL" vspace="픽셀수/비율(%)" hspace="픽셀수/비율(%)">

• vspace : 이미지 상하의 여백
• hspace : 이미지 좌우의 여백

이미지로 문서 연결

<a href="링크할 파일의 URL">
  <img src="이미지 파일의 URL" [border="픽셀 수"> 
</a>