개발/퍼블리싱

html에서 이미지/아이콘 불러오기

기디개 2020. 2. 11.
반응형

퍼블리싱 공부 2일차

오늘의 배움은 html에서 아이콘 혹은 이미지 불러오기다.

 

 

<body></body>사이에

<img src="파일명(영문).png" alt="my image">

을 넣으면 된다.

 

*가로의 크기를 변경하고 싶다면,

<img src="파일명(영문).png" alt="my image" width="20">

 

*세로의 크기를 변경하고 싶다면,

<img src="파일명(영문).png" alt="my image" height="20">

 

*예시

<nav class="gnb">

<ul>

<li><a href="#">서비스</a></li>

<li><a href="#">포트폴리오</a></li>

<li><a href="#">회사소개</a></li>

<li><a href="#"><img src="download.png" alt="call" width="20"> 0410-2421</a></li>

 

이렇게 표시된다.

 

파일경로

현재경로라면 "download.png"

폴더에 있다면 "폴더명/download.png"

폴더의 폴더 안에 들어 있다면 "폴더명/폴더명/download.png"

반응형

댓글

💲 추천 글