728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<h3>게코 도마뱀</h3>
<!--
경로 : ./img/lizard.jpg
'.' : 현재폴더(). webapp/3/image-size.html
./img : 현대폴더의 img라는 하위폴더
lizard.jpg : 이미지 파일 이름
img/lizard.jpg
img/ : 현재폴더의 img 라는 하위폴더
-->
<!-- 실제 이미지 크기 -->
<img src='./img/lizard.jpg' title='게코도마뱀'>
<!-- 가로세로 길이 설정 -->
<img src='./img/lizard.jpg' width='200' height='200'>
<!-- 가로길이설정시 세로길이는 원이미지의 비율로 자동 설정 -->
<img src='./img/lizard.jpg' width='150'>
</body>
</html>
728x90
반응형
'study > Html' 카테고리의 다른 글
| [Html] 3. 멀티미디어와 링크 (오디오 삽입하기 : <audio>) (0) | 2022.04.04 |
|---|---|
| [Html] 3. 멀티미디어와 링크 (title 속성 : <title>) (0) | 2022.04.04 |
| [Html] 3. 멀티미디어와 링크 (이미지 삽입하기 : <img>) (0) | 2022.04.04 |
| [Html] 2. 글자관련 태그 (설명글[주석]달기 : <!-- -->) (0) | 2022.04.04 |
| [Html] 2. 글자관련 태그 (목록 만들기. 순서가 있는 목록 : <ol>) (0) | 2022.04.04 |