Part 01 웹 프로그램 언어의 기초_10

Naver BoostCourse Full-Stack Developer Course

Part 01 웹 프로그래밍 기초

09. HTML Layout 태그

※ Intro

- 레이아웃(Layout) 이란 배치라는 뜻.

- HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 어떻게 자리잡을지를 결정하는 것

- 기본적으로 상단의 <header>, 하단의 <footer> 그리고 가운데의 본문 영역이 있음

※ 학습 목표

1. 레이아웃(전체 페이지 구성)을 위한 적절한 HTML 태그들을 이해

※ 핵심 개념

- HTML layout 태그들

※ 레이아웃을 위한 HTML 태그

 

- 레이아웃 : HTML 화면을 구성하는 어떠한 기본적인 모습들.

- 상단의 header, 하단의 footer, 가운데의 본문 영역이 있음

 

- 레이아웃을 구성하는 태그도 역시 그 의미에 맞춰서 사용됨.

  - header

  - section

  - nav

  - footer

  - aside

- html 태그는 레이아웃을 할 때도 그 의미에 맞는 것을 찾아 사용해야 검색도 더 잘 되고, 가독성이 있는 코드를 만들 수 있음

- 위 태그들은 아래와 같은 화면으로 구성됨.