초창기 홈페이지들은 대부분이 텍스트만을 이용하여 만들어졌습니다. 하지만, 인터넷 기술의 발전과 더불어 이미지들을 사용하는 홈페이지들이 이제는 너무나 자연스럽게 되었습니다. 여기에서는 이미지의 삽입과 전체 속성에 대해 알아보겠습니다.
1. 이미지를 삽입하는 기본 형식은 다음과 같습니다.
<img src="이미지 파일 경로명" width="이미지 가로길이" height="이미지 세로길이">
이미지 파일의 경로명은 앞서 링크에서 상대주소 설정할 때의 방법을 그대로 이용하시면 됩니다. "width"는 이미지의 가로길이, "height"는 이미지의 세로길이입니다. 적어주는 수치대로 이미지의 크기는 조절이 가능합니다. 대신 홈페이지에서 사용하는 이미지는 비트맵 이미지이므로 가로/세로 비율을 마음대로 조절하면 깨져 보일 수 있습니다. 그렇기 때문에 제 크기대로 적어주는 것이 좋습니다.
2. 이미지 삽입
<img src="이미지 파일 경로명" border="이미지 경계선 굵기" alt="이미지 대체설명">
"border"는 이미지 파일의 주변에 나타나는 경계선의 굵기를 지정합니다. 일반적으로 이미지에 링크를 걸었을 경우에는 border 값이 1로 설정이 됩니다. 이 테두리를 없애려면 border="0"으로 지정하면 테두리를 사라지게 할 수 있습니다. "alt"는 이미지를 나타낼 수 없는 경우 이미지를 대신 설명할 수 있는 텍스트를 지정하는 것입니다. 이미지가 뜨지 않는다 해도 사용자들은 그 설명을 보고 이동할 수 있습니다.
|