HTML 의 이미지 태그 속성 이미 지 는 웹 페이지 를 더욱 생동감 있 고 아름 답 게 할 수 있다.브 라 우 저 는 JPEG 와 GIF 이미 지 를 표시 할 수 있 으 며,GIF 이미 지 는 최대 256 가지 색상(즉 8 비트 색상 으로 만 저장 가능)만 사용 할 수 있 으 며,JPEG 형식 은 24 비트 로 저장 할 수 있어 구체 적 인 연속 색조의 이미지 에 가장 효과 적 입 니 다.그러나 GIF 이미 지 는 이미지 품질 상 JPEG 이미지 에 미 치지 못 하지만 저장 공간 에서 다운로드 속도 가 빠르다.따라서 상황 에 따라 어떤 형식의 이미 지 를 사용 할 지 결정 해 야 한다.HTML 문서 에 그림 을 삽입 하 는 것 은
![]()
탭 을 통 해 이 루어 집 니 다.이 탭 은 모두 9 개의 속성 이 있 습 니 다.속성 SRC 가 빠 질 수 없 는 것 을 제외 하고 다른 속성 은 모두 선택 할 수 있 습 니 다. 1.SRC 속성.SRC 즉 Source 입 니 다.이 속성 은 인 용 된 이미지 파일 이 있 는 위 치 를 가리 키 는 데 사 용 됩 니 다.예 를 들 어 절대 경로 표시 법:
상대 경로 표시 법:SRC 의 속성 매개 변수 값 은 이미지 파일 의 URL 입 니 다.이미지 파일 과 HTML 문서 가 같은 디 렉 터 리 에 있 을 때 만 상대 적 인 표현 법 으로 이미지 파일 의 위 치 를 표시 할 수 있 습 니 다.2.ALIGN 속성.align 속성의 매개 변 수 는 top,middle,bottom 입 니 다.이미지 와 인접 한 문 자 는 이미지 의 왼쪽 위,왼쪽 중간,오른쪽 아래 에 있 음 을 나타 냅 니 다.html 테스트 페이지
제 아이콘 예 뻐 요?
이것 괜찮아요?
그림 을 자신의 것 으로 바 꿀 수 있 습 니 다.브 라 우 저의 기본 디 렉 터 리 는 windows/TEMP 임시 폴 더 입 니 다.그림 이 있 는 디 렉 터 리 를 지정 해 야 합 니 다.4.ALT 속성.사용 자 는 웹 페이지 를 탐색 할 때 시간 을 절약 하거나 다른 이유 로 그림 을 다운로드 하지 않 는 것 을 선택 합 니 다.ALT 속성 을 추가 하면 원래 그림 을 표시 하 는 위치 에 이 그림 에 대한 정 보 를 표시 할 수 있 습 니 다.ALT 속성의 매개 변수 값 은 웹 편집기 가 원래 그림 을 표시 하 는 곳 에 나타 나 기 를 원 하 는 문자 정보 입 니 다.일반적으로 그림 의 이름과 간단 한 설명 입 니 다.예컨대.html> 테스트 페이지
안 보이 시 죠?헤헤
5,이미지 여백 의 속성 을 확인 합 니 다.![]()
라벨 은 vspace 와 hspace 라 는 두 가지 속성 으로 이미지 와 인접 한 대상 간 의 공백 크기 를 확인 합 니 다.vspace 속성 은 그림 과 수직 방향 에서 인접 한 대상 간 의 거 리 를 지정 하 는 데 사 용 됩 니 다.hspave 는 그림 과 수평 방향 이 인접 한 대상 간 의 거 리 를 지정 합 니 다.이 두 속성의 매개 변 수 는 모두 숫자 로 빈 거 리 를 나타 내 는 픽 셀 포 인 트 를 표시 합 니 다.6,BORDER 속성.브 라 우 저 는 그림 을 호출 할 때 브 라 우 저 창 과 원본 그림 크기 에 따라 그림 에 너비 가 다른 테 두 리 를 추가 합 니 다.우 리 는 border 속성 을 이용 하여 이미지 테두리 의 너 비 를 지정 하거나 테두리을 취소 할 수 있 습 니 다.border 속성의 매개 변수 값 도 숫자 로 테두리 너비 가 차지 하 는 픽 셀 포 인 트 를 표시 합 니 다.예 를 들 어테스트 페이지
효 과 를 보면 됩 니 다.
border 의 매개 변수 값 이 클 수록 테두리 가 큽 니 다.7.ISMAP 속성 은 문서 의 하이퍼링크 와 관련 이 있 습 니 다.나중에 자세히 설명 하 겠 습 니 다.
