본문 바로가기

Archived/웹디자인

#0. Dummy text, dummy image 작성 방법

1. Dummy text만들기

1) html body 사이에 lorem 친 후 tab키 

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reiciendis facere sit unde fuga quasi earum, 

autem error temporibus magnam molestias quisquam accusantium provident voluptatum, nemodolorem.

Fugiat perspiciatis eum explicabo?

 

2) lorem5 입력후 tab치기

Lorem ipsum dolor sit amet consectetur.

여기서 숫자는 단어 개수.

이렇게 결과물 만들어줌.

 

2. Dummy Image 만들기

 <img src="http://placehold.it/800x600/ff0000/ffffff?text=Sample Photo" alt="" />

2.1 뒤의 800x600은 이미지 사이즈.

2.2 ff0000 => ff: red / 00: green / 00:blue

<img src="http://placehold.it/800x600/f00" alt="" />

2.3 ffffff=> 텍스트 컬러

2.3 text=Sample

텍스트 내용 설정