<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>04_이미지 태그</title>
</head>
<body bgcolor="beige">
<h1>이미지의 다양한 확장자</h1>
<p>jpg :가성비가 좋다=>화질은 좋은데 용량은 작다!=>압축률이 좋다.[비손실 방식 lossless compression/ 손실 방식 lossy compression] 단, 투명도를 저장할 수 없다.</p>
<p>png :투명도를 저장할 수 있으면서 압축률이 좋은 확장자의 이미지</p>
<p>gif :이미지 중에서 유일하게 움직이는 이미지 저장 가능</p>
<p>bmp:원본 이미지의 정보를 100% 가지고 있는 포맷 => 용량이 크다.</p>
<p>tiff, targa :투명도 가지고 있다.</p>
<img src="img/cuty/charactor01.gif" alt="">
<p>내 html파일이 있는 위치에 img 폴더가 있고 그 안에 cuty 폴더가 있고 그 안에 charactor01.gif가 있는 경우</p>
<img src="../charactor02.gif" alt="">
<p>내 html파일 상위폴더에 charactor02.gif 이미지가 있는 경우에는 ../로 상위 폴더로 이동 가능하다.</p>
</body>
</html>
'HTML > code' 카테고리의 다른 글
| 테이블 태그 (0) | 2023.03.24 |
|---|---|
| 사운드를 출력해주는 audio 태그 (0) | 2023.03.24 |
| 링크를 걸어 컨텐츠로 이동하기 (0) | 2023.03.24 |
| 배운 태그를 이용한 각오 (0) | 2023.03.24 |
| 목록을 표시하는 li태그 (0) | 2023.03.24 |