<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- img태그 : 웹 페이지에 이미지를 출력하는 태그 -->
<!-- src : 이미지의 경로를 정의하는 속성 -->
<!-- alt : 이미지를 불러올 수 없을 때 보여줄 문구를 정의하는 속성 -->
<!-- 절대경로 : 어떤 페이지나 파일이 가진 고유한 경로 => 외부 파일 -->
<img src="https://cdnweb01.wikitree.co.kr/webdata/editor/202008/10/img_20200810160806_bba4b90d.webp"
alt="이미지 오류" width="700">
<!-- 상대경로 : 특정 위치를 기준으로 파일을 찾는 경로 => 내부파일 -->
<img src="./톰크루즈.webp" alt="이미지 오류" width="500">
<img src="../HTML/IMG/톰크루즈.webp" alt="이미지 오류" width="500">
</body>
</html>
output
'Web > HTML_CSS' 카테고리의 다른 글
| [HTML] 테이블 (0) | 2023.03.26 |
|---|---|
| [HTML] a태그 (0) | 2023.03.26 |
| [HTML] 리스트태그 (0) | 2023.03.23 |
| [HTML] 글자형태 (0) | 2023.03.23 |
| [HTML] 글자태그 (0) | 2023.03.23 |
댓글