HTML 이란
HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)로 웹 페이지를 동작시키기 위한 언어이다.
마크업 언어(markup language)는 태그(tag) 등을 이용하여 문서나 데이터의 구조를 규칙화한 언어의 한 종류이다.
태그(tag)는 어떤 정보에 메타데이터로 부여된 키워드 또는 분류이다.
메타데이터(metadata)는 데이터에 관한 구조화된 데이터로 다른 데이터를 설명해 주는 데이터이다.
HTML을 확인하고 싶다면
- 웹 페이지에서 키보드로 F12 버튼을 클릭하면
오른쪽과 같이 HTML과 BODY 정보를 확인할 수 있다.
e.g. 냥장판의 스킨 편집에서도 [HTML 편집] 을 할 수 있는데
생각보다 우리의 웹활동과 밀접하게 관련이 있다!
HTML 구조
HTML5 기준으로 설명하겠다.
이걸 코드화 하면 아래와 같다.
요소(Element)는 시작 태그와 종료 태그로 이루어진 모든 명령어들을 의미한다.
| Element | Description |
| <!DOCTYPE html> |
HTML5의 문서 유형을 지정해서 웹 브라우저에 '나 HTML이야' 라고 알려주기 위함
|
|
<html> - </html> |
문서의 시작과 끝을 나타냄 HTML 페이지의 루트(root) 요소 정의 |
|
<head> - </head> |
HTML 문서의 메타데이터를 정의함(문서를 정의하는 데이터) HTML 문서에 대한 정보로 웹 브라우저에는 직접 표현되지 않음 - 관련 tag: <title>, <style>, <meta>, <link>, <script> 등 |
|
<body> - </body> |
웹 브라우저에 표시되는 컨텐츠 - 관련 tag: <head>, <nav>, <section>, <aside>, <footer> 등 |
요소, 태그, 속성명은 언제나 소문자로 작성하자!
즉, HTML는 헤더와 바디로 나뉜다
헤더는 웹 페이지의 타이틀, 링크 정보(CSS 파일, 폰트 등)이 주로 작성되고
바디는 실제 본문이 되는 부분으로 가장 많은 태그들이 작성되는 공간이다.
'🎪 놀고있네 > HTML & CSS' 카테고리의 다른 글
| [HTML] Table 삽입하기 🐱🏍🐱🏍(+ caption, span 등) (2) | 2019.11.22 |
|---|---|
| [HTML] HTML Tags/Elements, Attributes 구분하기 (3) | 2019.11.21 |
| [HTML] HTML5 페이지 구조 (6) | 2019.11.21 |
| [HTML] HTML 파일 Chrome에서 실행하기 (2) | 2019.11.20 |
| [HTML] VS Code - HTML Extensions 설치, HTML 사용하기 (2) | 2019.11.20 |
댓글