HTML이란?

웹 페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는 언어이다.
HT : HyperText, 문서와 문서가 링크로 연결되어 있다.
M : Markup, 태그로 이루어져 있다.
L : Language

HTML Tags

• html tags는 그 의미에 맞춰서 사용해야 합니다.

여러가지 html 태그

HTML Layout Tags

레이 아웃 ==='배치' 

HTML Layout Tags란 HTML 태그로 감싸진 각 정보 요소를 화면상의 어느 위치에 어떻게 자리잡을지 결정하는 것을 말합니다.

1. header
   -> 화면의 상단을 가리키는 태그
   ex) 하나 이상의 제목 요소, 로고나 아이콘, 저자의 정보

2. section
   -> 화면의 본문 영역을 가리키는 영역

3. nav
   -> 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크들의 집합을 정의 할 때 사용
   ex) 메뉴, 목차, 인덱스 등

4. footer
   -> 화면의 하단 영역을 가리키는 영역
   ex) 저자 정보, 연락처, 사이트 맵, 페이지 맨 위로 올라갈 수 있는 TOP 버튼, 연관 페이지 등

5. aside
   -> 페이지의 다른 콘텐츠들과 약간의 연관성을 가지고 있지만, 해당 컨텐츠들로부터 분리시킬 수 있는 콘텐츠로 구성된 페이지 영역을 정의할 때 사용

브라우저 지원범위에 제한이 있어서 PC버전에서는 footer태그를 잘 쓰지 못하고 최신 버전이 많은 모바일 버전에서는 주로 사용한다. (대신 div태그에 class명을 footer라고 지정하여 쓸 수 도 있다.)

id와 class 속성

id

• 고유한 속성으로 한 HTML 문서에 하나만 사용 가능합니다.
• 고유한 ID값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이하다.

Class

• 하나의 HTML문서 안에 중복해서 사용 가능하다.
• 하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열할 수 있다.
• 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해서는 class 사용이 필수적이다.