interest/coding

[coding]코딩.HTML은 무엇인가?.마크업 언어.프로그램 언어

Meflow 2018. 10. 30. 17:14

[coding]코딩.HTML은 무엇인가?.마크업 언어.프로그램 언어


HTML 은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는

의미의 웹페이지를 위한 지배적인 마크업 언어입니다.

사이트의 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라

링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공합니다.

즉, 웹사이트의 뼈대라고 볼수 있죠.

HTML의 요소는 태그로 표현 됩니다.

예를들어 <html>,<head>,<body>...등과 같은 태그 구성으로 이루어집니다.

우리가 보는 인터넷 브라우저는 HTML태그를 표시하지않지만 이를 통해 웹페이지의 내용을 렌더링 합니다.


[HTML 태그 예]

<!DOCTYPE html>

<html>

<haed>

<title>미플로우의 아카이브</title>

</head>

<body>

<h1>미플로우의 아카이브</h1>

<p>미플로우의 블로그에 오신것을 환영합니다.</p>

</body>

</html>


간단하게 표현된 위 HTML 코드를 살펴보면

<!DOCTYPE html> 선언은 html5가 될 문서를 정의합니다.

<html>태그는 HTML 페이지의 루트입니다.

<head>태그는 문서에 대한 메타 정보를 포함합니다.

<title>태그는 용어 그대로 문서의 제목을 명시합니다.

<body>태그는 페이지의 본문 내용을 포함합니다.

<h1>태그는 가장 큰 제목을 정의합니다.

<p>태그는 문단을 말합니다.


HTML의 태그는 일반적으로 <p>와 </p

첫번째 태그는 시작 태그이며, 두번째 태그는 종료태그입니다.

종료태그는 시작태그와 비슷하지만 태그 이름 앞에 [슬래시 : /] 를 붙혀줘야 합니다.

시작태그, 종료태그라고도 하지만 여는 태그, 닫는 태그라고도 합니다.


우리가 흔히들 사용하는 웹 브라우저(인터넷익스플로러,크롬,사파리 등)의 목적은 HTML 문서를 읽고 표시하는 것입니다.

브라우저는 HTML 태그를 표시하지 않지만 HTML 태그를 사용하여 문서를 표시하는 방법을 결정합니다.

HTML 의 버전은 1991년 HTML을 시작으로 

1995년 HTML2.0

1997년 HTML3.2

1999년 HTML4.01

2000년 XHTML을 거져

2014년 ~ 현재의 HTML5가 만들어졌습니다.


현재의HTML은 모두 HTML5라고 보시면 됩니다.

오늘은 간단하게 HTML이란 무엇인가에 대해 알아봤습니다.

현재 진행형으로 공부중이 저는 앞으로 블로그에 공부 겸 HTML의 사용법에 대해 함께 포스팅할 예정입니다.

감사합니다.