[HTML] 0. 더미 텍스트, 이미지 만들기

퍼블리싱을 하다보면 아직 텍스트와 이미지가 정해지지 않은 상태에서 준비를 해놓아야할 때가 많은데요. 이때 더미 텍스트와 이미지를 사용하면 편리합니다. 

 

1. 더미 텍스트 

lorem + tab
lorem + 숫자 + tab (단어 갯수) 

를 입력하면 됩니다. 

 

위와 같은 더미 텍스트가 생성된 것을 볼 수 있습니다.

 

lorem + 숫자 + tab을 누르면 원하는 글자 수만 생성이 가능합니다. 

 

 

2. 더미 이미지 

img + tab

을 입력하면 됩니다.

 

이미지 주소에는

http://placehold.it/800x600을 적어주시면 됩니다. 

오른쪽 버튼을 눌러서 브라우저에서 열어보시면 

 

 

해당화면이 실행됩니다. 

 

 

3. https://placeholder.com

 

해당 사이트에서 쓰는 방법이 자세하게 나옵니다. 

 

색상은 헥사코드로 입력이 가능합니다. 

헥사코드는 RGB색을 16진수로 나타난 것으로 0~f까지 16가지로 조합 가능합니다. 

 

White : FFFFFF

Black : 000000

Red : FF0000

Blue : 0000FF

Yellow : FFFFFF

Green : 008000

를 입력하면 

 

배경색이 빨간색으로 나온 것을 볼 수 있습니다. 

 

 

img src="http://placehold.it/크기/배경색/글자색?text=변경할 글자"

로 커스텀이 가능합니다. 

빨간 바탕에 흰 글씨색 

 

빨간 바탕색 / 흰 글씨색 / Sample로 글씨를 변경한 것입니다.