반응형
HTML (HyperText Markup Language) 이란
웹개발을 한다고 하면 HTML, CSS, JS(JavaScript)는 기본중의 기본일 것입니다. 그 중에서도 HTML은 웹 페이지의 문서 구조를 나타내는 마크업 언어죠. 정확히는 컨텐츠의 구조를 정의하기 위한 언어입니다. 컨텐츠의 구조를 정의하고 작성한 다음 그 문서를 보기좋게 꾸며주는 것이 CSS 입니다. CSS에 대한 기본적인 내용은 여기를 참고해주세요.
그렇다면 HTML은 어떻게 컨텐츠의 구조를 정의할까요?
HTML 구성요소
HTML은 Tag, Elements, Attribute로 이루어져 있습니다.
1. Tag
태그의 대한 설명을 하기 전에 아래에 HTML 기본 구조를 한번 살펴보겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <head> <title>제목</title> <meta charset="utf-8" /> </head> <body> <h1>Hello</h1> <div> <p>HTML에 대해 배워봅시다.</p> </div> </body> </html> | cs |
반응형
'Programming' 카테고리의 다른 글
null과 undefined 의 차이 이해하기 (0) | 2019.05.02 |
---|---|
CSS 박스모델 이해하기 (0) | 2019.05.01 |
css 크기 단위 px, em, rem 의 차이점 (0) | 2019.04.24 |
CSS 기본 개념에 대해 알아보자 (0) | 2019.01.18 |
[자바스크립트 스터디] 자바스크립트 완벽 가이드 1부 2장 어휘구조 (0) | 2018.06.01 |
댓글