img-tag


이미지 태그 기본

html5 로고 이미지입니다.

이미지 크기 지정

이미지 링크

가상 이미지

"> img-tag

img-tag


이미지 태그 기본

html5 로고 이미지입니다.

이미지 크기 지정

이미지 링크

가상 이미지

"> img-tag

img-tag


이미지 태그 기본

html5 로고 이미지입니다.

이미지 크기 지정

이미지 링크

가상 이미지

">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>img-tag</title>
</head>
<body>
<!--
	# img tag
	- 웹페이지에 이미지를 표시할 때 사용.
	- <img src="" alt="" title="" width="" height="">
	  * src : 이미지 파일 경로
	    alt : 대체 텍스트
	    title : 이미지 간단한 설명
	    width/height : 이미지 가로, 세로 크기
 -->
 	<h2>img-tag</h2>
 	<br>
 	<h3>이미지 태그 기본</h3>
 	<img src="<http://localhost:8080/WEB/image/img/html5.jpg>" alt="html5 로고 이미지입니다."> <!-- WEB/~src/main/생략 ~01_HTML/image/img/html5.jpg -->
 	<img src="../../image/img/html5.jpg" title="html5 로고 이미지입니다.">
 	
 	<h3>이미지 크기 지정</h3>
 	<img src="../../image/img/html5.jpg" title="html5로고" width="200px" height="200px">
	<img src="../../image/img/html5.jpg" title="html5로고" width="30%" height="30%">
 	
 	<h3>이미지 링크</h3>
 	<a href="<https://www.w3.org>"><img src="../../image/img/html5.jpg" title="w3c사이트로이동" width="30%" height="30%"></a>
 	
 	<h3>가상 이미지</h3>
 	<img src="<https://via.placeholder.com/500x400>">
</body>
</html>