HELP/SITE

[HTML 디자인 및 마크업] 더미이미지 사이트

bottlesun 2022. 11. 25. 01:29
  1. https://placeholder.com/

웹페이지 제작에 사용되는 더미 이미지로 이미지들을 표기 하는게 아닌
box에 규격 및 색상등 간단하게 표기 할 수 있다.

사용 방법은 간단하다.
https://via.placeholder.com/
해당 URL 뒤에 / 사이즈 / 색상코드.(png jpg) / 글씨색상 순서로 입력 해주면 된다.

 

<body> 
    <h1>image test</h1>
    <img src="https://via.placeholder.com/200"/>
    <img src="https://via.placeholder.com/300/09f.png/fff"/>
    <img src="https://via.placeholder.com/250/69f/fff.png"/>
    <br/>    
    <img src="https://via.placeholder.com/400x100"/>
    <img src="https://via.placeholder.com/300x200/00ff00.png"/>
    <img src="https://via.placeholder.com/250x100/ffff00.png"/>
    <br/>
    <img src="https://via.placeholder.com/640x230/ff00ff.png/fff"/>
</body>
728x90