HTML 구성은 HTML 구조내 네모난 박스형태의 Body(본문)내에 특정한 정보를 소개하기 위한 제목, 단락, 목록 등과 같은 텍스트들과 이미지, 혹은 영상들을 가져와서 본문을 꾸미고, 필요한경우 URL 링크등을 통해 유기적인 구조적 문서를 만들 수 있는 방법을 제공한다.
Head에는 CSS, 자바스크립트 등을 포함하거나 Link를 통해 불러 올 수 있는데, 기본이자 전체 구조를 표현하는 DIV(디비전)과 관련 내부 구성요소들의 태그를 총정리해보겠습니다.
p 태그에 아래 Lorem ipsum~을 복사해서 사용하세요. Img는 Pixabay의 이미지들을 활용했습니다. > Pixabay
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
※ 로렘 입숨은 레이아웃 같은 그래픽 요소 연출시 꽉 쳐워진 본문용 라틴어로된 표준 채우기용 문단입니다.
Slide Plugin > Jqeury slide | w3 Slide | Bootstrap Carousel |
슬라이드_BS4_A.zip
0.06MB
슬라이드(w3s).html
0.00MB
'UI UX(Web)' 카테고리의 다른 글
| 웹사이트 제작 3편 - 네비 및 내용구성 (0) | 2021.05.20 |
|---|---|
| 웹사이트 제작 2편 - 테마변경 (0) | 2021.05.13 |
| On Event 전체메뉴(사이트맵) 보기 (0) | 2021.04.15 |
| div 태그 레이아웃 (0) | 2021.04.08 |
| Web 05. 이미지 스타일(Background:color,url('url') (0) | 2021.04.06 |
