HTML의 정의
HTML은 Hyper Text Mark-up Langguage의 약자입니다. 웹브라우저 상에 정보를 표시하기 위한 Mark-up 은 그 파일이 Print 로 출력되거나 화면에서 어떻게 보여야할 것인지를 나타내거나 그 문서의 논리적인 구조를 묘사하기 위해서, Text 나 Word Processing File 의 특정 위치에 삽입되는 문자들 또는 기호들을 말합니다.
Hyper : linear(직선형)의 반대 말로 linear는 프로그램을 순차적으로 실행한다면,
Hyper는 link를 통해 실행순서가 자유롭다고 말할수 있습니다.
Text : 문자
Mark-up : 문서의 형식을 지정하는 명령문
(Mark-up:instructions added to documents that tell a computer how to print or organize the information)
Language : 언어
자율적으로(Hyper) 웹문서를 (Text) 표시할 수 있도록 작성된 언어(Mark-up Language)
Web Site 를 만들려면 HTML 이라는 언어를 사용해야 합니다.
HTML 역사
1991년 말 팀 버너스리(Tim Berners-Lee)가 처음으로 다른 대학에 있는 과학자들과 연구 서류를 쉽게 공유하기 위해 인터넷에서 문서를(HTML tag) 개발한 것이 오늘날 Web Site 의 기초가 되었다고 합니다.
|
HTML Version | |
|
Year |
Version |
|
1991 |
HTML |
|
1993 |
HTML+ |
|
1995 |
HTML 2.0 |
|
1997 |
HTML 3.2 |
|
1999 |
HTML 4.01 |
|
2000 |
XHTML |
|
2012 |
HTML5 |
브라우저(Browser)란?
인터넷에서 웹서버의 모든 정보를 볼 수 있게 해줄 뿐 아니라, 하이퍼텍스트 문서 검색을 도와주는 응용 프로그램이다.
웹 사이트를 볼때 html 언어를 보는 것이 아니고, html 언어로 작성된 것을 브라우저가 번역해서 보여 줍니다.
브라우저의 종류 : 인터넷 익스플로러(Internet Explorer), 구글 크롬(Google Chrome), 애플 사파리(Apple Safari), 오페라(Opera), 화이어폭스(Firefox), 네스케이프(Netscape)
HTML 문서 프로그램
Notepad, TextEdit, 나모웹에디터, 워드프로세서(Word Processor), 드림위버(Dreamwaver), Pico, FrontPage
컴퓨터(os)에서 기본적으로 설치된 프로그램이 메모장 종류입니다.(Notepad, TextEdit, Wordpad)
기초부터 하시는 분이라면 메모장으로 시작하셔도 괜찮은것 같습니다.
HTML 핵심 성분요소(element)
HTML은 element로 구성되어 있는데..요소는, 시작태그(ex :<html>),본문내용, 끝태그(ex :</html>)로 구성됩니다.
태그의 기본은 꺽쇠 기호로 < 시작 해서 꺽쇠 기호로 끝 > 이 납니다.
ex)
<html>
<head>
</head>
<body>
</body>
</html>
홈페이지(Homepage)란?
정보를 제공하는 웹 사이트(Web Site)에서 HTML 문서의 첫번째 페이지를 의미하는데 관련 문서로 쉽게 접근할수 있는 역할을 수행합니다. HTML 문서는 HTML로 작성한 한 장의 문서이고, 여러 장 HTML 문서를 하나의 홈페이지라고 할 수 있습니다.
HTML 문서는 태그(Tag)라는 문법 형식으로 구성되어 있습니다. 모든 홈페이지는 태그를 이용해서 텍스트나 이미지, 동영상 등의 다양한 요소들을 웹 브라우저로 통해 전달하게 됩니다. 그래서 홈페이지를 만든다는 것은 태그를 이용하여 HTML 문서를 만드는 것을 의미합니다. 물론 태그 입력 없이 워드프로세서 처럼 입력만 하면 홈페이지를 만들 수 있는 프로그램(Crimson Edit, Coffee Cup Editor, Edit Plus)등을 이용할 수도 있습니다. 하지만 이런 프로그램들도 우리가 작성한 문서를 HTML로 바꾸어주는 작업을 대신 하는 것입니다. 즉 모든 홈페이지는 HTML을 통해 만들어지는 것이므로, HTML을 알아야 홈페이지를 이해하는데 도움이 됩니다.
HTML의 태그는 새로운 기능을 가진 태그가 포함되는 범위에 따라서 버전으로 구분됩니다. HTML 문서의 표준은 월드 와이드 웹 규약 협회인 'W3C'에서 규정하고 있습니다.
HTML는 4종류(요소,태그,속성,변수) 코드로 구성 되어 있습니다.
요소(Elements)
요소란 HTML 명령입니다. 시작태그와 끝내기 태그를 가질 수 있으며, 컨테이너(시작태그와 더불어 끝내기 태그를 갖는 요소)이라면 시작태그와 끝내기 태그 사이에 텍스트나 다른 요소를 가질 수 있습니다. 시작태그와 끝내기 태그 사이에 제목을 써 주기 때문에 컨테이너라고 부릅니다. 예를 들어<TITLE></TITLE>이라는 요소는 웹브라우저에서 제작된 웹문서의 제목을 웹브라우저가 제목 표시창에 표시하도록 명령하는 것입니다.
태그(Tags)
태그는 요소의 일부로서 시작태그와 끝내기 태그 두 종류가 있습니다. 시작태그는 요소를 시작하며 끝내기 태그는 요소를 끝냅니다. 물론 모든 요소들이 끝내기 태그로 끝나는 것은 아닙니다. 예를 들면 <TITLE>로 시작한 제목요소는 </TITLE>라는 끝내기 태그 인데, 이미지 요소인 <IMG>는 끝내기 태그를 갖지 않습니다.
변수(Arguments)
변수는 속성과 관련된 값을 <BR CLEAR="left">에서 " "내에는 right나 all도 사용될 수 있는데 이들은 속성 CLEAR의 변수이며 속성과 변수는 등호 '='에 의해 구분됩니다. 변수 중에는 변수를 " "내에 넣는 것과 SIZE=5 처럼 넣지 않는 것이 있으니 속성과 사용여부를 잘 알아야 합니다.
속성(Attributes)
속성은 요소의 시작 태그내에 사용한 것으로 명령을 구체화 시키는 것입니다. 예를들면 텍스트의 폰트 지정을 위해 사용하는 <FONT> 요소는 SIZE, COLOR, FACE 등의 속성을 갖는데 <FONT SIZE=5>처럼 시작태그 내에 사용되며 속성과 변수 사이에는 = 이라는 부호를 사용하여 연결합니다. 속성은 보통 변수를 갖지만 NOSHADE등 일부 속성은 변수를 갖지 않습니다.
XHTML(Extensible HyperText Makr-up Language)
HTML 이 잘못된 태그가 오류에 상관없이 무시하고 해석해서 화면에 나왔던것을 웹브라우저에 태그가 나오지 않도록 엄격히 구조화된 형식을 가졌다. XML 1.0을 이용하여 HTML 4.01을 새롭게 만든 독립된 언어. HTML이 SGML의 응용이라면, XHTML은 XML의 응용이라 할수 있습니다.
XML(Extensible Mark-up Language)
HTML보다 웹 사이트 구축 검색 기능이 향상되고 복잡한 데이터 처리를 쉽게 해줍니다. XML은 SGML문서 형식을 따르고 있지만, XML은 SGML의 부분집합 입니다.
HTML5
최근의 HTML 웹 표준 언어입니다. 추가적인 플러그인 없이도 애니메이션, 그래픽, 음악, 영화 등 최신 멀티미디어를 웹 브라우저를 통해 쉽게 볼수 있도록 해줍니다.
DHTML(Dynamic HTML 동적HTML)
HTML+ CSS+ Javascript 를 섞어서 사용하여 대화형 웹 사이이트를 제작하는 기술입니다. 플래시나 자바가 비슷한 기술이라 할수 있습니다.
오늘은 여기까지 하겠습니다.
010-7249-0202
