<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>이미지 삽입</h1>
<img src="./images/bg01.jpg" alt="이미지 준비중 입니다." title="배경이미지1" />
<!-- alt: 1.이미지 부재시 안내멘트 2.로딩속도가 느릴 때 안내멘트 -->
<img src="./images/bg02.jpg" alt="배경이미지2" />
<img src="./images/bg03.jpg" alt="배경이미지3" />
<figure>
<img src="./images/bg01.jpg" alt="" />
<figcaption><그림1-1>배경이미지1</figcaption>
<img src="./images/bg02.jpg" alt="" />
<figcaption><그림1-2>배경이미지2</figcaption>
</figure>
</body>
</html>*이미지 넣을 때 주소 잘 확인하기
*내 위치 표시해주기: ./
'Skills > HTML5' 카테고리의 다른 글
| 220830 video_tag.html (1) | 2022.09.04 |
|---|---|
| 220830 audio_tag.html (0) | 2022.09.04 |
| 220830 li_tag_test.html (0) | 2022.09.04 |
| 220830 dl_test.html (1) | 2022.09.04 |
| 220830 ol_tag.html (0) | 2022.09.03 |