미래학자
[HTML, CSS] 블로그 기본 레이아웃 본문
이번 시간에는 블로그에서 많이 사용하는 형태의 블로그 레이아웃을 만들어 보겠습니다.
만들 블로그 형태는 아래의 그림과 같습니다.
전체 구조를 색깔을 칠해 보았습니다.
실제로 구역별로 태그 이름이 <head>, <navi>, <section>, <aside>로 되어 있고 이것을 시맨틱 태그라 합니다.
이 태그들의 기능은 <div>와 동일하지만, 코드에서 바로 구조로 이해할 수 있는 의미를 가진 태그라 할 수 있습니다.
만약 CSS가 없다면 아래와 같이 레이아웃이 전혀 되지 않죠.
'HTML, CSS' 카테고리의 다른 글
| [HTTP Ajax요청] XMLHttpRequest(XHR), fetch API 사용하기 (0) | 2018.03.25 |
|---|---|
| HTML5 APIs (0) | 2018.03.17 |
| [HTML] 내 마음대로 HTML (0) | 2018.03.11 |
| [html - table] 테이블과 조금 복잡한 테이블 표현하기 (colspan, rowspan) (3) | 2018.01.03 |
'HTML, CSS' Related Articles
more
Comments