<!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 파일에서의 이미지 파일의 상대 경로를 적거나 절대경로를 적으면 된다.
위 코드의 경우 위키 백과의 이미지를 동일 파일에 넣었기 때문에 이미지명만 적었다.
'HTML, CSS > HTML' 카테고리의 다른 글
| [HTML] 링크 (0) | 2023.08.28 |
|---|---|
| [HTML] 기본 템플릿(!) (0) | 2023.08.23 |
| [HTML] 제목 , 본문, 하이퍼 링크 (0) | 2023.08.23 |
| [HTML] 한글을 안 깨지게 하기 (0) | 2023.08.22 |
| [HTML] HTML의 구조 (0) | 2023.08.22 |
