학습(공부)하는 블로그 :: 9. 이미지(Img) 태그
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-19 18:04

9. 이미지(Img) 태그

컴퓨터 활용/홈페이지 과정 | 2013. 2. 1. 23:08 | Posted by 깨비형
반응형

1. 그림파일 형식의 종류


○ JPG(Joint Photographic Group) : 웹에서 표준으로 사용되는 그래픽 파일의 확장자이다. JPEG 압축 방식을 이용하여 저장된 그래픽 파일에 사용한다.

○ GIF(Graphic Interchange Format) : GIF는 JPEG과 함께 월드와이드웹에서 지원되는 두 가지 그래픽 파일 형식 중의 하나이다. 웹이나 기타 인터넷의 다른 서비스(예를 들면 게시판 서비스 등)에서 GIF는 이미지 형식에 있어, 사실상의 표준이 되어가고 있다.

○ BMP(bitmap) : BMP는 본래 마이크로소프트가 윈도우 사용자들을 위해 개발한 고유의 그래픽 파일 형식이다.윈도우가 기동하거나 종료될 때 보여지는 이미지들이나 바탕화면을 꾸며 주는 배경그림 등은 모두 BMP 파일 형식이다. BMP는 그림 데이터를 비효율적으로 저장함으로써, 필요 이상으로 파일크기가 커지는 경향이 있다.

 PNG (Portable Network Graphics) : 압축된 그래픽 이미지 파일 형식으로서,GIF와 같이, PNG 파일도 품질 손실 없는 방법으로 압축된다.(이것은 압축을 해제하면, 모든 이미지 정보가 복원된다는 뜻이다). PNG 파일은, 이미지가 압축될 때 파일 크기와 이미지 품질간의 선택을 해야만 하는 JPEG 형식을 대체하기 위한 목적으로 탄생된 것이 아니며, 일반적으로, PNG 파일 내의 이미지는 GIF 형식보다는 10 ~ 30% 더 많이 압축될 수 있다. 

 WMF (Windows Metafile) : WMF 파일은 그래픽 이미지의 표현으로 귀착하는 일련의 GDI (graphical-device-interface) 함수 호출을 담고 있다. 운영체계나 애플리케이션의 여러 컴포넌트에 의해 반복적으로 사용되는 많은 비트맵들이 있을 때 WMF 파일을 사용하면, 이미 만들어진 비트맵 보다 저장공간이 절약된다. WMF 파일은 16비트 운영체계용이며, 마이크로소프트는 32비트 운영체계를 위해, 보다 강화된 메타파일인 EMF (enhanced metafile) 형식을 가지고 있다. 마이크로소프트의 클립보드 파일은 WMF 파일과 EMF 파일, 또는 BMP 형식의 파일을 담고 있을 수 있다. 



2. 이미지태그의 기본형식<img src>


○ 이미지 태그의 기본형식

 <img src="그림파일 이름">

※ SRC속성은 SOURCE의 의미로 입력한 이미지 파일명에 해당하는 그림을 표시


○ 이미지 태그의 속성들

 속성 기능 
 width="수치"  넣은 수치만큼 이미지의 가로 너비를 조정해 주는 속성
 height="수치"  넣은 수치만큼 이미지의 세로 높이를 조정해 주는 속성
 hspace="수치"  이미지의 가로 간격(공간)을 주는 속성

 여기서 간격이란 하나의 이미지와 글자사이의 공간 너비를 말합니다.

 vspace="수치"  이미지의 세로 간격(공간)을 주는 속성
 border="수치"  이미지의 테두리 두께를 나타내 줍니다.
 border="0"일 경우에는 테두리가 나타나지 않고 투명하게 나타납니다.

 테두리의 두께는 1부터 나타납니다.

 alt  이미지 파일 대신에 표시할 설명 문구를 만들어 주는 속성
 align 이미지 정렬방식을 지정해 주는 속성



3. 배경에 이미지 지정하기 <background>


○ 배경 이미지로 삽입하는 기본형식

 <body background="이미지파일">



4. 배경색상 지정하기 <bgcolor>


○ 배경색상 넣는 방법

<body bgcolor="색상이름/RGB코드">



※ 참고사항


 □ 절대경로와 상대경로

  • 절대경로 지정 : 해당하는 파일이나 그림이 있는 폴더를 정확하게 지정하여 링크할 때 사용
  • 상대경로 지정 : 열린 문서가 있는 폴더를 기준으로 파일이나 그림이 있는 폴더를 경로를 지정하여 링크할 때 사용





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

11. 사운드 태그  (0) 2013.02.03
10. 하이퍼링크(Link) 태그  (0) 2013.02.02
8. 목록(List) 태그  (0) 2013.02.01
7. <marquee> 태그  (1) 2013.01.31
6. <font>태그  (0) 2013.01.30
: