이번 시간에는 HTML [ 기초 ]
HTML 이란?, HTML의 역사, HTML 구조에 대한 내용을 다루어 보도록 하겠습니다.
[ 초급 ] HTML 이란?
제 1장 HTML 이란
HTML 이란 Hypertext MarkUp Language 의 약자 입니다.
HTML의 H는
Hypertext (하이퍼 텍스트)는 하이퍼 링크와 쌍방향성 이라는 컴퓨터의 특성을 결합한 것 입니다.
이때 M은 태그를 뜻하고 L은 언어를 뜻합니다.
쉽게 설명 하자면 문서와 문서 사이를 링크로 이동 할수 있는 태그형 텍스트 언어라고 볼수 있습니다.
자 이렇게
HTML은 웹문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어입니다.
HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동
(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 사용 되고 있습니다.
하지만 초기 HTML은 단순히 TEXT 형태의 글로 표을 했습니다.
지금으로 치면 소설 책과 같은 수준이였죠.
이를 보안하기 위해 CSS 즉 캐스 케이싱 스타일 시트라는 것이 개발이 되었고 이용자들에게
조금도 편하고 쉬운 환경을 제공해 주었습니다.
HTML은 사람의 뼈와 같은 존재 라면
CSS는 사람의 살 피부 그외에 악세사리 향수 꾸며줄수 있는 모든것이라고 볼수 있습니다.
제 2장 HTML의 역사
개발
HTML은 1980년 유럽 입자 물리 연구소(CERN)의 계약자였던 물리학자 팀버너스리가 HTML의 원형인 인콰이어를 제안 하였다. 이때 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였고 1989년에 팀 버너스리는 인터넷 기반 하이퍼텍스트 체계를 제안하는 메모를 작성했다.
최초 규격
HTML 최초의 일반 공개 설명은 1991년 말에 팀 버너스리가 처음으로 인터넷에서 무서를 "HTML 태그"로 부르면서 시작되었다.
HTML 버전
버전 |
연도 |
HTML |
1991 |
HTML 2.0 |
1995 |
HTML 3.2 |
1997 |
HTML 4.01 |
1999 |
extensible |
2000 |
HTML5 |
2014 |
웹이 세상에 태어난지 그렇게 오래 되지 않았기때문에 여전히
팀버너스리는 살아있으며 현재 월드와이드웹컨소시엄 소장으로 활동 하고있습니다.
제 3장 HTML기본 구조
<!doctype html> <html> <head> <title>Hello HTML</title> </head> <body> Hello World! </body> </html>
이렇게 HTML 기본 구조를 보시면 알수 있듯이 <> 꺽쇠괄호 를 사용해서나타 내고 있습니다.
보통 <></> 꺽쇠괄호 시작과 끝으로 이루어 져있으며
예외 적으로 꺽세 끝이 없는 <br> <img> 등의 태그가 존재 합니다.
그 외 제일 첫 번째 있는 <!doctype html> 부분은 HTML5 버전을 의미합니다.
이전 HTML 버전은 4.01버전을 예로 들면 아래 처럼 되게 길 죽 합니다.
뒷부분에 있는 내용이 지워지면 서 간단하게 html5라는 의미를 지니게 되었습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
이렇게 HTML 기초에 관해 알아 보는 시간을 가졌습니다.
html은 인간으로 비유 하자면 몸을 지탱해주는 뼈와 같은 존재 입니다.
html로 기본 레이아웃을 구성 하셨다면 이제 CSS로 이쁘게 디자인 하셔야 합니다.
다음 시간에는 HTML 문서의 기본 태그와 css 에 관한 정보로 다시 돌아오겠습니다.
이상으로 [초급] HTML 포스팅을
마치도록 하겠습니다.