웹개발/HTML Tags
[Html Tags] 이미지 추가하기 | <img>
KwonYongHyeon
2021. 1. 30. 09:15
웹에 이미지를 추가하려면 어떻게 해야 할까?
간단하다.
<img> 태그를 사용해주면 된다.
(img = image)
바로 코드를 작성하자.
<html>
<head>
<title>Google Image</title>
</head>
<body>
<h1>GOOGLE</h1>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png">
</body>
</html>실행시켜 보자.
어떻게 이미지가 들어가기는 했는데, 크기가 너무 크다.
width와 height를 사용해 크기를 맞춰 보자.
코드 수정!
<html>
<head>
<title>Google Image</title>
</head>
<body>
<h1>GOOGLE</h1>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png" width=500 height=500>
</body>
</html>실행시켜 보자.
크기가 작아졌다.
화면 비율도 맞추면 완벽할 것이다.
화면 비율은 여러분이 알아서 원하는 사진으로 맞춰 보시길!