[HTML] 이미지 태그

 

 

웹에서 사용하는 이미지 형식. 파일 형식

 

GIF(Graphic Interchange Form)

 

표시할 수 있는 색상 수 최대 256가지

다른 이미지 파일 형식에 비해 파일 크기가 작기 때문에 아이콘이나 불릿 등 작은 이미지에 주로 사용함

투명한 배경이나 움직이는 이미지를 만들 수 있다는 장점이 있음

 

JPG/JPEG (Joint Photographic Experts Group)

 

사진을 위해 개발된 형식

GIF보다 다양한 색상과 명암을 표현할 수 있다

저장을 반복하다보면 화질이 떨어질 수 있음 (왜?)

 

 

PNG(Portable Network Graphics)

 

투명 배경을 만들면서 다양한 색상도 표현할 수 있으며 네트워크용으로 개발 됨

 

 

 

img : 이미지 삽입

<img src="경로" alt="이미지설명" [속성="값"]>

 

이미지 속성에 대한 이해 

- src : 이미지 파일이 있는 경로

- alt : 이미지를 설명해 주는 대체 텍스트

- width, height : 이미지 크기 조정 (width="200" 은 200px을 의미함)

- figure, figcaption : 이미지에 설명 글을 붙힘

  - figure : 설명 글을 붙일 대상을 지정함

  - figcaption : 설명 글을 붙힘

<figure>
    <img src="image/coffee.jpg" alt="예가체프 원두">
    <figcaption>예가체프 원두 커피</figcaption>
</figure>