HTML의 이미지 태그 속성
이미지는 웹 페이지를 더욱 생생하고 아름답게 만들 수 있습니다. 브라우저는 JPEG 및 GIF 이미지를 표시할 수 있습니다. GIF 이미지는 최대 256색(즉, 8비트 색상으로만 저장할 수 있음)을 사용할 수 있는 반면 JPEG 형식은 특정 연속 톤의 경우 24비트로 저장할 수 있습니다. 이미지의 효과가 가장 좋습니다. 하지만 GIF 이미지는 JPEG 이미지에 비해 화질이 좋지는 않지만
저장공간을 차지하므로 빠르게 다운로드할 수 있습니다. 따라서 상황에 따라 어떤 이미지 형식을 사용할 것인지 결정해야 합니다.
HTML 문서에 이미지를 삽입하는 작업은
태그를 통해 수행됩니다. 이 태그에는 총 9개의 속성이 있습니다. 기본값으로 설정할 수 없는 SRC 속성을 제외하고 다른 모든 속성은 선택 사항입니다.
1.SRC 속성. SRC는 소스입니다. 이 속성은 참조된 이미지 파일의 위치를 나타내는 데 사용됩니다. 예:
절대 경로 표기:
상대 경로 표기:
SRC의 속성 매개변수 값은 이미지 파일의 URL입니다. 이미지 파일과 HTML 문서가 동일한 디렉터리에 있는 경우에만 상대 표기법을 사용하여 이미지 파일의 위치를 식별할 수 있습니다
.
둘째, ALIGN 속성입니다. align 속성의 매개변수 값은 각각 top, middle, Bottom이며, 각각 이미지에 인접한 텍스트가 이미지의 왼쪽 위, 왼쪽 가운데, 오른쪽 아래
에 위치함을 나타냅니다. 예:
한 번 더 살펴보는 건 어떨까요?
다섯, 확인 그림 여백과 같은 속성.
태그는 vspace와 hspace 두 가지 속성을 사용하여 이미지와 인접한 개체 사이의 공간 크기를 결정합니다. vspace 속성은 이미지와 수직으로 인접한 객체 사이의 거리를 지정하는 데 사용됩니다. hspave는 이미지와 수평으로 인접한 객체 사이의 거리를 지정하는 데 사용됩니다. 이 두 속성의 매개변수는 거리에 남아 있는 픽셀 수를 나타내는 숫자입니다.
6.BORDER 속성.
브라우저가 이미지를 호출하면 브라우저 창의 크기와 원본 이미지에 따라 이미지에 다양한 너비의 테두리를 추가합니다. border 속성을 사용하여 이미지 테두리의 너비를 지정하거나
테두리를 취소할 수 있습니다
. 테두리 속성의 매개변수 값은 테두리 너비가 차지하는 픽셀 수를 나타내는 숫자이기도 합니다. 예:
테스트 페이지
효과만 보세요.
테두리 매개변수 값이 클수록 테두리도 커집니다. 7. ISMAP 속성
이 속성은 문서의 하이퍼링크와 관련이 있으므로 나중에 자세히 설명하겠습니다.