HTML 기초 (markup, 브라우저 종류/ XHTML, XML, HTML5, DHTML 차이)

 

 

HTML 기초

 

 

티스토리를 처음 시작할 때부터 html 목록을 만들어 놓았는데, 이제야 첫 번째 글을 쓰네요.

 

제가 공부하고 이해한 것을 정리한 것이라 혹시 틀린 점이 있다면 말씀해 주세요. ^^

 

오늘은 HTML 기초 부분 (HTML 뜻, 작성프로그램,  XHTML, XML, HTML5, DHTML 차이)에 대해

 

알아보겠습니다.

 

 

티스토리나 블로그 등 웹 사이트를 만들려면 제일 처음 만나게 되는 단어가 HTML인데요.

 

HTML이 정확히 무슨 뜻일까요?

 

 

HTML의 뜻

 

HTML은 Hyper Text Mark-up Language의 약자입니다.

 

Hyper : linear(선형)의 반대 말로 linear는 프로그램을 순차적으로 실행했다면

           hyper는 링크를 통해 실행 순서가 자요로움. 

Text : 문자
Mark-up : 문서의 형식을 지정하는 명령문

 (markup: instructions added to documents that tell a computer how to print or organize the information)


Language : 언어

 

 

즉, 순차적이 아닌 자율적으로(hyper) 웹 문서를(text) 표시할 수 있도록 작성된 언어(mark-up language)

 

한국인은 한국어, 미국인은 영어를 쓰듯, 웹 사이트를 만들려면 HTML 이라는 언어를 사용해야 합니다.

 

 

 

 

 

 

 

 

HTML 역사

 

1990년에 팀 버너스 리(Tim Berners-Lee) 가  다른 대학에 있는 과학자들이 연구 서류를 쉽게 공유하기 위해

개발한 것이 오늘날 웹 기초가 되었다고 합니다.

 

 [html 버전(version)]

 

 

브라우저(browser)란?

 

우리가 웹 사이트를 볼 때는 html언어를 보는 것이 아닙니다.

 

html언어로 작성된 것을 브라우저가 번역해서 보여줍니다.

 

대표적인 브라우저 : Internet Explorer, Google Chrome, Safari, Opera, Firefox, Netscape

 

 


           

 

 

 

 

 

그런데 html언어를 작성할 때는 어떤 프로그램을 사용할까요?

 

 

HTML 작성 프로그램


Notepad, Pico, TextEdit.

Dreamweaver(드림위버), 나모웹에디터,  FrontPage(프론트페이지), Microsoft Word(워드프로세서)

 

피씨마다 가장 기본적으로 설치된 것이 바로 메모장 류인데요 (Notepad, wordpad, Pico, TextEdit.)

기초를 배우는 분이라면 메모장으로 시작하는 것이 좋습니다.

 

 


HTML의 핵심, 요소(element)

 

html은 요소(element) 로 구성되어 있는데요,

요소는, 시작 태그(예: <html> ), 내용, 끝 태그(예: </html> )로 구성됩니다.

태그는 꺽쇠 기호를 사용 < >

 

 예 )

<html>

<head>

</head>

<body>

</body>

</html>

 

 

 

 

 

 

 

XHTML, XML, HTML5, DHTML


XHTML( Extensible HyperText Mark-up Language)

HTML 이 좀 더  구조화된 형식. XML 1.0을 이용하여 HTML 4.01을 새로 만든 독립된 언어.

HTML보다 엄격한 문법을 가진다.

HTML이 SGML의 응용이라면, XHTML은 XML의 응용이임.

 


 

XML(Extensible Markup Language)
HTML보다 웹사이트 구축, 검색 기능이 향상되고, 복잡한 데이터 처리를 쉽게 해줌.
XML은 SGML 문서 형식을 따르고 있지만, XML은 SGML의 부분집합.

 

 

 

HTML5  

 

가장 최신의 HTML 표준

추가적인 플러그인 없이도, 최신 멀티미디어를 브라우저에서 쉽게 볼 수 있도록 해줌.

현재는 애니매이션, 그래픽, 음악, 영화 등을 모두 담을 수 있다.

 

 

DHTML(Dynamic HTML; 동적 HTML)

HTML, CSS, JAVASCRIPT를 조합하여 대화형 웹 사이트를 제작하는 기법.

경쟁 기술로는 플래시나 자바가 있음.

  


 

참조 : 위키피디아

 

 

 CSS란? (HTML과 CSS의 차이, CSS 작성법),

 

지구별에
html 2014.02.18 17:46
Powerd by Tistory, designed by criuce