HTML, CSS/HTML

[HTML] 이미지 삽입

모든 것을 처음 시작하는 초짜 개발자 2023. 8. 23. 22:33 
<!DOCTYPE html>
<html>
  <head>
    <title>practice html</title>
    <meta charset="utf-8">
  </head>
  <body>
    <img src="https://ko.wikipedia.org/static/images/icons/wikipedia.png">
    <img src="wikipedia.png">
  </body>
</html>

<img src = "이미지 주소">  이미지를 넣을 수 있도록 하는<img> 태그는 단일 태그로 src 다음 쌍 따옴표 안에 이미지 주소를 넣으면 이미지를 띄울 수 있다.

이미지 주소는 

이미지 위에서 우클릭을 누르고 이미지 주소 복사를 누르면 얻을 수 있다.

 

<img src = "이미지 경로"> 이미지 주소말고 컴퓨터에 있는 사진이나 그림을 사용하고 싶다면 지금 사용하고 있는 html 파일에서의 이미지 파일의 상대 경로를 적거나 절대경로를 적으면 된다. 

위 코드의 경우 위키 백과의 이미지를 동일 파일에 넣었기 때문에 이미지명만 적었다.

위 코드의 결과