개발새발/HTML & css

3일차_화면에 이미지 출력_20210624

막동이아빠 2021. 6. 24. 19:12

화면에 이미지 출력

 

<img>태그

<img src="./images/logo.png" alt="MAKZUIN">

src: 표시 할 이미지의 경로

alt: (Alternate) 이미지 출력 안될 경우의 대체 텍스트

logo.png 출력 된 모습

 

로고 출처: 패스트 캠퍼스 온라인강의 프론트엔드 개발 초격차 패키지 & https://heropy.blog/

 

HEROPY

웹디자인과 웹개발 기술을 공유하는 HEROPY 온라인 블로그입니다. 오프라인 지식 공유도 매회 진행합니다. 감사합니다.

heropy.blog

 

<img src="https://heropy.blog/css/images/logo.png" alt="MAKZUIN2">

웹상의 경로를 이용하여도 다음과 같이 이미지 출력이 가능함

logo.png 웹의 경로를 통해 출력된 모습이 추가되었음