HTML_[body] 이미지 태그

<!-- img : 이미지 태그 -->
<!-- 필수 속성 src (source): img 적은 후 엔터 > 자동 기입-->
<!-- alt: 이미지가 잘못된 경우의 설명 -->

<!-- 절대경로: 고유한 경로(외부 웹페이지/파일 ) 
    *주소가 길경우 alt+z/ 
    "alt="는 경로가 잘못 된 경우 "마카롱"을 표시 
    인터넷이 연결되어 있어야 하는 단점 -->
<img src="https://i.namu.wiki/i/7qjucbvcqL04izLJjuMNZ67kxpX-YXEpyaPh7enBEMpt9BNnKQZpSFM5mO4EN7uc4UOMW4G0nyP5JYTP_y3UwQ.webp" alt="마카롱" width="100px" height="100px">

<!-- 상대경로: 내가 실제로 가지고 있는 파일을 로드할때/ 파일경로 찾기 
   1) 현재 내 위치를 기준으로 바로 접근 가능: ./
   2) 상위 기준으로 접근 가능:               ../
   3) 여러번 상위로 접근해야 하는 경우:       ../../../../올라가고 싶은데로 
 -->
 <!-- 사진 크기 변경  -->
<img src="../image/딸기케이크.avif" alt="케이크" width="100px" height="100px">

 출처: 스마트 인재 개발원