어제의 나보다 성장한 오늘의 나

[HTML5] 이미지 크기는 아는데 아직 이미지가 없을때 사용하는 방법 본문

공부/HTML

[HTML5] 이미지 크기는 아는데 아직 이미지가 없을때 사용하는 방법

NineOne 2021. 4. 2. 01:44

placeholder.com/

 

Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favoured By Designers

Contents1 What Is Placeholder.com?2 How To Use Our Placeholders3 How To Set Image Size4 How To Set Image Formats5 How To Set Custom Text6 How To Set Background & Text Color6.1 Popular Hex Color Codes7 New! WEBP Support8 New! HTTPS Support9 NEW! Placeholde

placeholder.com

 

<body>
	<img src="http://placehold.it/300x200" />
	<img src="http://placehold.it/200x150" />
	<img src="http://placehold.it/100x100" />
<body>

코드처럼 해당 주소 뒤에 너비 x 높이 형식을 사용하면 손쉽게 원하는 크기의 이미지를 얻을 수 있다.

 

출처

'공부 > HTML' 카테고리의 다른 글

호환 모드와 표준 모드  (0) 2021.04.25
[HTML] 시멘틱 구조 태그  (0) 2021.04.04
[HTML5] 오디오 태그, 비디오 태그  (0) 2021.04.02
HTML5 페이지 구조  (0) 2021.04.02
Comments