글 작성자: 택시 운전사
반응형

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