[HTML] 🤔 HTML이란?
반응형
🤔 HTML이란?
HTML은 웹페이지를 만들기 위한 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다.
HTML은 다음과 같은 특징을 가지고 있다.
- HTML은 태그를 통해 웹 페이지의 구조를 알려준다.
- HTML은 다양한 요소들로 이루어져있다.
- HTML은 브라우저에게 어떤 것이 보여질 지를 알려준다.
- HTML은 태그를 통해 표현된다.
- HTML 태그는 머릿말, 문단, 표 같은 것들을 라벨링한다.
📄 간단한 HTML 문서
<!DOCTYPE html>
<html>
<head>
<title>페이지 제목</title>
</head>
<body>
<h1>첫 머릿말</h1>
<p>첫 문단</p>
</body>
</html>해당 문서의 의미는 다음과 같다.
<!DOCTYPE html>라는 선언은 해당 문서가 HTML5라는 것이다.<html>요소는 HTML 페이지의 root 요소이다.<head>요소는 문서에 대한 메타 정보를 담고 있다.<title>요소는 문서의 제목을 의미한다.<body>요소는 보이는 페이지 내용을 포함한다.<h1>요소는 큰 머릿말을 의미한다.<p>요소는 문단을 의미한다.
🔖 HTML 태그
HTML 태그는 꺽쇠 괄호로 감싸진 요소의 이름을 의미한다.
<태그이름>내용은 여기에 ✍️</태그이름>- HTML 태그는
<p>와</p>처럼 보통 켤레 혹은 짝으로 존재한다 - 켤레의 첫 태그는 시작 태그(혹은 오프닝 태그) 두 번째 태그는 끝 태그(혹은 닫힘 태그)라 한다.
- 마지막 태그는 시작 태그처럼 쓰여지만, 태그 이름 앞에 슬래쉬를 추가한다.
🧭 웹 브라우저
웹 브라우저(크롬, 엣지, 파이어폭스, 사파리)의 목적은 HTML 문서를 읽고 이를 표현하는 것이다.
브라우저는 HTML 태그를 표현하지 않고, HTML 태그를 이용하여 어떤 식으로 문서를 표현할 지를 정한다.
<!DOCTYPE> 선언의 의미
<!DOCTYPE>선언은 문서의 타입을 표시하여 브라우저가 웹 페이지를 정확하게 표시할 수 있게 도와준다.
한 번만 선언하며, 문서의 맨 윗부분 즉, HTML 태그 전에 위치한다.<!DOCTYPE>선언은 대소문자 구분을 하지 않는다.
HTML5를 위한 <!DOCTYPE>선언은 다음과 같다.
<!DOCTYPE html>HTML의 버전
초기 웹부터 지금까지 다양한 HTML 버전들이 존재한다.
| 버전 | 년도 |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
반응형
'Web > HTML' 카테고리의 다른 글
| input 태그의 type 속성 종류와 예제 (0) | 2021.01.21 |
|---|---|
| [HTML5] <audio> 요소 (0) | 2020.04.12 |
| [HTML] HTML DOM(Document Object Model) (0) | 2019.11.27 |
| [HTML] WAI-ARIA란? (0) | 2019.07.30 |
| [HTML] 시맨틱(Semantic) HTML을 짜보자 (0) | 2019.02.12 |