-> 무료 이미지 검색
[
Flaticon, the largest database of free vector icons
Download all icons in SVG, PSD, PNG, EPS format or as webfonts
-> 무료 짤 검색
[
GIPHY | Search All the GIFs & Make Your Own Animated GIF
GIPHY is your top source for the best & newest GIFs & Animated Stickers online. Find everything from funny GIFs, reaction GIFs, unique GIFs and more.
giphy.com
해당 사이트에서 원하는 키워드로 검색을 한 뒤,
마음에 드는 이미지/짤을 고르고 마우스 오른쪽 클릭으로 링크를 복사한다.
HTML파일에서 다음과 같은 형식으로 입력하면 끝
<img class="cpp" src="https://www.flaticon.com/svg/vstatic/svg/919/919841.svg?token=exp=1611466341~hmac=da7f30937e85902ef29ac9601311d876" alt="c++">
<img class="python" src="https://www.flaticon.com/svg/vstatic/svg/919/919852.svg?token=exp=1611466382~hmac=d55fa2135f26f6e8160d60063ab61ed2" alt="python">
<img class="english" src="https://media3.giphy.com/media/l0Ex9w7OHj6M3ieK4/200w.webp?cid=ecf05e47zmh2rpyt75g2cuqh3fddl9zalpfnw5sk9j9cz13p&rid=200w.webp" alt="english">
<img class="chinese" src="https://media1.giphy.com/media/Tjm2V2KcP2jUfCsrbV/200w.webp?cid=ecf05e47ymof2rp6f6nt226i43nqj8wv2q9ya5q80e34zsg9&rid=200w.webp" alt="chinese">
다음과 같이 원하는 이미지/짤이 웹상에 삽입된다.
'프로그래머 > HTML' 카테고리의 다른 글
| [HTML/CSS/JS] 웹에서 실시간으로 html/css/javascript를 코딩하고 확인해보자 | codepen.io (0) | 2021.01.24 |
|---|---|
| HTML 문법(<title>,<html>,<head>,<body> 태그) | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.18 |
| HTML 문법(부모-자식 parent-child 태그) | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.17 |
| Node.js 설치(윈도우) 및 실행 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.12 |
| HTML 문법(줄바꿈 태그 <br> vs <p>) | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.11 |
