개발/HTML & CSS
[HTML] 이미지(img) 태그
뉴NEW
2022. 8. 26. 09:43
< 이미지 태그 >
1. img 태그 이미지를 삽입하는 태그
inline-block 태그: inline 속성을 가지면서, widthm heght를 가짐
단일 태그
2. 속성: src(이미지의 위치), alt(대체 텍스트), width(가로), height(세로)
3. img 태그에서 사용 가능한 이미지 파일
- png, jpg, gif 파일. ex) bmp 파일은 사용 불가
< 경로 지정 방법 >
1. 상대 경로: 현재 html 파일로부터 찾는 절대적인 위치
- 웹에서 대부분 상대 결로 사용 o
2. 절대 경로
- 웹에서는 절대 경로 거의 사용하지 x
<body>
<h3>1. 이미지 태그 제목</h3>
<img src="images/www.PNG" width="50"><br
<h3>2. 이미지 태그 제목 </h3>
<figure>
<img src="images/www.PNG" width="50">
<figcaption>웹 로고</figcaption>
</figure>
<h3>3. 이미지 태그 제목</h3>
<figure>
<img src="images/www.PNG" width="50"><br>
<figcaption>웹 로고</figcaption>
</figure>
</body>
