안녕하세요.
html에서 이미지를 삽일 할 때에는,
img태그를 사용합니다.
이미지 태그는 크게 두가지로 리소스를 연결 할 수 있습니다.
내부 이미지와 외부 이미지로 연결을 할 수 있습니다.
자세한 사항은 예제 소스를 보면서 이해 하시는게 빠를 것 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-9"/>
<title>img tag</title>
</head>
<body>
<!-- ./ 현재폴더-->
<!-- ../ 한 단계 상위 폴더-->
<!-- / 하위폴더-->
<img src="./1.jpg" alt="기본 배경 사진" width="500" height="500"/><!--내부 이미지-->
<!--외부 이미지-->
<img src="https://cdn.pixabay.com/photo/2020/04/14/11/16/fox-5042210__480.jpg"/>
</body>
</html>
'HTML_CSS' 카테고리의 다른 글
bootstrap - Grid System (0) | 2020.05.30 |
---|---|
Bootstrap (1) _소개 및 설치 (0) | 2020.05.30 |
HTML- link태그 (0) | 2020.05.02 |
HTML - list 출력 (0) | 2020.05.02 |
HTML - P태그,i태그, b태그, strong태그 (0) | 2020.05.02 |