HTML 이미지 넣기

HTML

by 기련이 2020. 5. 12. 18:35

[그림] 기련

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body style="background-color:#B2EBF4">
<!-- <img> : HTML 문서에 이미지를 추가하기 위한 태그 
파일 형식 : GIF, JPG, PNG
-->
<!-- 이미지에 링크 걸기 
	img 태그를 a 태그로 감싸주면 됨.-->
<a href="http://www.w3.org"><img src="html5.png" width="500"></a>
<br>
<hr>
<!-- 이미지에 제목달기 figure, figcaption -->
<figure>
	<figcaption style="text-align: center;">[그림] 기련</figcaption>
	<img src="images/gil.JPG" alt="길현" width="400">
	
</figure>
</body>
</html>

<img> : HTML 문서에 이미지를 추가하기 위한 태그
파일 형식 : GIF, JPG, PNG

<img src=""> 이미지 입력(삽입)

------------------------------

이미지에 링크 걸기
img 태그를 a 태그로 감싸주면 됨

'HTML' 카테고리의 다른 글

HTML 공간 분할 예제 (0)	2020.05.12
HTML 블록과 인라인 (0)	2020.05.12
HTML 비디오 삽입 (0)	2020.05.12
HTML 오디오 삽입 (0)	2020.05.12
HTML 목록 만들기 (0)	2020.05.11