..

Search

2) HTML 기초

HTML 기초


HTML이란?

HTML은 HyperText Markup Language의 약자입니다.

웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다. 

각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다.

예제

<h1>제목 1</h1>

<h2>제목 2</h2>

<h3>제목 3</h3>

<p>단락 1</p>

<p>단락 2</p>

코딩연습 ▶


HTML 태그(tag)

HTML 태그는 태그 이름을 꺾쇠 괄호(<>)로 감싸서 표현합니다.

문법

1. <태그이름>  // 시작 태그

2. </태그이름> // 종료 태그

 

HTML 태그는 보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으로 구성됩니다.

종료 태그는 시작 태그와 전부 똑같지만, 태그 이름 앞에 슬래시(/)가 존재합니다.

태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 존재합니다.

 

<img> <br> <hr> 등과 같이 종료 태그 없이 시작 태그만을 가지는 태그를 빈 태그(empty tag)라고 합니다.

HTML 작성

HTML 문서는 윈도우의 메모장, 리눅스의 vi와 같은 기본 에디터로도 작성할 수 있습니다.

HTML 문서의 작성을 마친 후에 확장자를 .html로 저장하면 웹 브라우저에서 바로 확인할 수 있습니다.


HTML 버전

인터넷의 발전에 따라 HTML 버전 또한 다음과 같이 발전을 거듭하고 있습니다.

버전 년도 DOCTYPE 및 설명
HTML 1.0 1991 팀 버나스리(Tim Berners-Lee)가 발표한 최초의 HTML
HTML 2.0 1995 국제 표준으로 제정된 최초의 HTML
HTML 3.2 1997 W3C에 의해 제정된 최초의 HTML
HTML 4.01 1999

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

    "http://www.w3.org/TR/html4/strict.dtd">

XHTML 1.0 2000

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 5 2014 <!DOCTYPE html>

 

HTML의 최신 버전인 HTML5에 대한 더 자세한 정보를 원한다면, W3C 공식 사이트를 방문하여 확인할 수 있습니다.

 

W3C HTML5 : W3C Recommendation 28 October 2014 =>


W3C

W3C는 World Wide Web Consortium의 약자입니다.

W3C는 월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관입니다.

 

이러한 W3C가 관리하는 대표적인 웹 표준은 다음과 같습니다.

 

1. HTML

2. CSS

3. DOM

4. SVG

5. XHTML

6. XML


연습문제