HTML_CSS/HTML의 이미지 태그 속성

HTML의 이미지 태그 속성
이미지는 웹 페이지를 더욱 생생하고 아름답게 만들 수 있습니다. 브라우저는 JPEG 및 GIF 이미지를 표시할 수 있습니다. GIF 이미지는 최대 256색(즉, 8비트 색상으로만 저장할 수 있음)을 사용할 수 있는 반면 JPEG 형식은 특정 연속 톤의 경우 24비트로 저장할 수 있습니다. 이미지의 효과가 가장 좋습니다. 하지만 GIF ​​이미지는 JPEG 이미지에 비해 화질이 좋지는 않지만
저장공간을 차지하므로 빠르게 다운로드할 수 있습니다. 따라서 상황에 따라 어떤 이미지 형식을 사용할 것인지 결정해야 합니다.
HTML 문서에 이미지를 삽입하는 작업은
태그를 통해 수행됩니다. 이 태그에는 총 9개의 속성이 있습니다. 기본값으로 설정할 수 없는 SRC 속성을 제외하고 다른 모든 속성은 선택 사항입니다.

1.SRC 속성. SRC는 소스입니다. 이 속성은 참조된 이미지 파일의 위치를 ​​나타내는 데 사용됩니다. 예:
절대 경로 표기:
상대 경로 표기:
SRC의 속성 매개변수 값은 이미지 파일의 URL입니다. 이미지 파일과 HTML 문서가 동일한 디렉터리에 있는 경우에만 상대 표기법을 사용하여 이미지 파일의 위치를 ​​식별할 수 있습니다
.
둘째, ALIGN 속성입니다. align 속성의 매개변수 값은 각각 top, middle, Bottom이며, 각각 이미지에 인접한 텍스트가 이미지의 왼쪽 위, 왼쪽 가운데, 오른쪽 아래
에 위치함을 나타냅니다. 예:

테스트 페이지

---

나 아이콘이 괜찮아 보이나요?

---

한 번 더 살펴보는 건 어떨까요?

---

이미지를 직접 변경하실 수 있습니다. 브라우저의 기본 디렉터리는 windows/TEMP 임시 폴더입니다. 이미지가 있는 디렉터리를 지정해야 합니다.
넷째, ALT 속성입니다. 웹을 검색할 때 사용자는 시간을 절약하거나 다른 이유로 이미지를 다운로드하지 않기로 선택하는 경우가 많습니다. ALT 속성을 추가하면 이미지가 원래 표시되었던
위치에 이미지에 대한 일부 정보가 표시될 수 있습니다. ALT 속성의 매개변수 값은 웹페이지 편집기가 이미지가 원래 표시되는 위치에 표시되기를 원하는 텍스트 정보입니다. 일반적으로
은 이미지의 이름과 간략한 설명입니다. 예를 들어.



테스트 페이지

---

당신은 그것을 볼 수 없습니까? ㅎㅎ

---

다섯, 확인 그림 여백과 같은 속성.

태그는 vspace와 hspace 두 가지 속성을 사용하여 이미지와 인접한 개체 사이의 공간 크기를 결정합니다. vspace 속성은 이미지와 수직으로 인접한 객체 사이의 거리를 지정하는 데 사용됩니다. hspave는 이미지와 수평으로 인접한 객체 사이의 거리를 지정하는 데 사용됩니다. 이 두 속성의 매개변수는 거리에 남아 있는 픽셀 수를 나타내는 숫자입니다.
6.BORDER 속성.
브라우저가 이미지를 호출하면 브라우저 창의 크기와 원본 이미지에 따라 이미지에 다양한 너비의 테두리를 추가합니다. border 속성을 사용하여 이미지 테두리의 너비를 지정하거나
테두리를 취소할 수 있습니다
. 테두리 속성의 매개변수 값은 테두리 너비가 차지하는 픽셀 수를 나타내는 숫자이기도 합니다. 예:


테스트 페이지

---

효과만 보세요.

---

테두리 매개변수 값이 클수록 테두리도 커집니다. 7. ISMAP 속성
이 속성은 문서의 하이퍼링크와 관련이 있으므로 나중에 자세히 설명하겠습니다.