HTML&CSS) 이미지 태그

1. 이미지 형식

.jpg : 사진. 생삭과 명암을 다양하게 표현.

.gif : 256색상 사용, 작은 아이콘, 작은 이미지 사용.

.png : 투명한 배경색을 사용할 수 있고, 웹에서 많이 사용한다. 

 

 

 

2. 이미지 경로

상대 참조: 현재 위치에서 올라가는 방법.

              ex) images/5.jpg

절대 참조 : 루트를 기준으로(JSP에서는 webapp) 찾아가는 방법.

              ex) ../folder/1.jpg

 

 

 

3. 이미지 태그 : <img>

<img alt="preImage" src="1.jsp" width="30%" height="300">

src : 이미지 파일의 경로

alt : 이미지가 안보일때 나오는 이름. 

 

 

 

4. 이미지 크기

픽셀 : 화면을 이루는 빛(하나의 점). 해상도는 점(빛)의 개수를 의미한다. 

% : 이미지 크기가 브라우저 크기에 따라 변동한다.