웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
HTML 이란?
2002.09.28 22:17
1. HTML 이란?
HTML이란 무엇이고 어떻게 발달되었는지 알아보겠습니다. 인터넷은 전 세계의 정보를 공유할 수 있도록 만들어진 통신망입니다. 이러한 통신망 속에서 자료를 주고 받을 수 있는 문서 형식으로 HTML(HyperText Markup Language)을 사용하고 있습니다.
HTML 이란
HTML은 WWW 서비스를 처음 제안한 팀 버니스 리(Tim Berners-Lee)가 개별하였으며 모자익이라는 웹 브랑저가 출시되면서 일반화되었습니다. 현재 HTML은 웹 용표준 문서로 자리잡고 있습니다. HTML문서는 htm이나 html 이라는 확장자를 가지며 문서에 삽입되는 그림이나 다른 요소를 불러와서 화면에 보여줍니다. HTML이 인터넷 표준 문서로서 사랑을 받고 있는 이유는 작업하기 편하고 배우기 쉽기 때문입니다. 비록 동적인 효과를 연출하거나 자유로운 편집을 하기에는 불편하지만 누구나 쉽게 만들 수 있다는 대중성 때문에 오랜 시간이 흐른 지금까지도 폭넓은 인기를 얻고 있습니다.
HTML의 호환 문제
HTML은 자바 스크립트와 마찬가지로 웹 브라우저에서 해석이 가능하나 일부 독립적으로 만들어진 언어들은 해석하지 못하는 경우가 있습니다. 이러한 문제를 해결하기 위해서 많은 단체에서 HTML의 표준화 작업을 하게 되었습니다. 1995년 IFTF(Internet Engineering Task Force)에서 HTML2.0을 제시하였으며 1995년에는 HTML3.0을 만들었습니다. 이후에는 W3C에서 3.2와 4.0 최근에 제시된 4.01까지 제시하게 되었습니다. 제시된 HTML은 홈페이지 제작시에 사용하기를 권하는 안으로 호환 문제를 어느 정도 극복 할 수 있게 해줍니다.
2. HTML은 어떻게 생겼나?
HTML은 어떠한 원리로 동작하는지 알아보고 HTML의 기본 구조에 대해서 살펴보겠습니다.
HTML은 태그로 꾸민 문서다!
HTML은 태그(Tag)라는 명령어를 사용해서 내용을 꾸밉니다. 웹 브라우저 소스 보기를 선택하여 HTML로 작성된 문서를 열어보면 태그는 각각의 명령어에 <,>(꺽쇠)를 사용해서 화면에 나타나게 할 내용과 구별해서 표시하고, 열어 주는 태그(<태그>)와 닫아주는 태그 (</태그>)를 사용해서 효과를 적용할 내용을 좌우에 입력합니다. 이렇게 작성한 문서는 웹 브라우저를 실행하면 태그 명령어가 가지고 있는 효과를 내용에 적용하여 실행하게 해줍니다. HTML의 이러한 태그 구조를 사용하면 원하는대로 내용을 꾸밀 수 있습니다.
--------------------
<태그>내용 </태그>
--------------------
HTML이란 무엇이고 어떻게 발달되었는지 알아보겠습니다. 인터넷은 전 세계의 정보를 공유할 수 있도록 만들어진 통신망입니다. 이러한 통신망 속에서 자료를 주고 받을 수 있는 문서 형식으로 HTML(HyperText Markup Language)을 사용하고 있습니다.
HTML 이란
HTML은 WWW 서비스를 처음 제안한 팀 버니스 리(Tim Berners-Lee)가 개별하였으며 모자익이라는 웹 브랑저가 출시되면서 일반화되었습니다. 현재 HTML은 웹 용표준 문서로 자리잡고 있습니다. HTML문서는 htm이나 html 이라는 확장자를 가지며 문서에 삽입되는 그림이나 다른 요소를 불러와서 화면에 보여줍니다. HTML이 인터넷 표준 문서로서 사랑을 받고 있는 이유는 작업하기 편하고 배우기 쉽기 때문입니다. 비록 동적인 효과를 연출하거나 자유로운 편집을 하기에는 불편하지만 누구나 쉽게 만들 수 있다는 대중성 때문에 오랜 시간이 흐른 지금까지도 폭넓은 인기를 얻고 있습니다.
HTML의 호환 문제
HTML은 자바 스크립트와 마찬가지로 웹 브라우저에서 해석이 가능하나 일부 독립적으로 만들어진 언어들은 해석하지 못하는 경우가 있습니다. 이러한 문제를 해결하기 위해서 많은 단체에서 HTML의 표준화 작업을 하게 되었습니다. 1995년 IFTF(Internet Engineering Task Force)에서 HTML2.0을 제시하였으며 1995년에는 HTML3.0을 만들었습니다. 이후에는 W3C에서 3.2와 4.0 최근에 제시된 4.01까지 제시하게 되었습니다. 제시된 HTML은 홈페이지 제작시에 사용하기를 권하는 안으로 호환 문제를 어느 정도 극복 할 수 있게 해줍니다.
2. HTML은 어떻게 생겼나?
HTML은 어떠한 원리로 동작하는지 알아보고 HTML의 기본 구조에 대해서 살펴보겠습니다.
HTML은 태그로 꾸민 문서다!
HTML은 태그(Tag)라는 명령어를 사용해서 내용을 꾸밉니다. 웹 브라우저 소스 보기를 선택하여 HTML로 작성된 문서를 열어보면 태그는 각각의 명령어에 <,>(꺽쇠)를 사용해서 화면에 나타나게 할 내용과 구별해서 표시하고, 열어 주는 태그(<태그>)와 닫아주는 태그 (</태그>)를 사용해서 효과를 적용할 내용을 좌우에 입력합니다. 이렇게 작성한 문서는 웹 브라우저를 실행하면 태그 명령어가 가지고 있는 효과를 내용에 적용하여 실행하게 해줍니다. HTML의 이러한 태그 구조를 사용하면 원하는대로 내용을 꾸밀 수 있습니다.
--------------------
<태그>내용 </태그>
--------------------
댓글 5
-
ZipShin
2002.10.01 12:38
태그에도 단독 태그가 있죠..^^ <br><nobr>이외 많이있음. -
조현원
2002.09.29 10:52
감사합니다...^^;; 기본구조 부분도 넣으려고 했었는데,
본 게시판에서 일부 태그만 먹히길래, 그냥 생략 했었는데,, -
조현원
2002.09.28 22:20
본 내용에 대한 질문은 막이닷컴 - http://www.maklee.com에서만 받습니다. -
☺워니☺
2002.09.29 03:20
* 보충 HTML 문서의 구성
HTML 문서는 문서의 내용과 이를 둘러싼 태그로 그 형식을 정한다. 태그는 기본적으로 시작 태그와 끝 태그가 있으며, 끝 태그는 </ 태그이름>의 모양을 가진다. 시작 태그와 끝 태그 사이에는 문서의 냉요이 오는데, 다른 태그들이 포함될 수 있다. 특히, 시작태그 안에서 속성 이름="속성값"의 쌍으로 해당 문서 내용의 속성을 나타낼 수 있다.
HTML 문서를 이루는 기본 태그로 다음과 같은 것이 있다.
㈎<HEML> : HTML 문서 형식으로 작성되었음을 나타낸다.
㈏<TITLE> : 브라우저 제목 표시줄에 나타나는 말을 나타낸다.
㈐<HEAD> : HTML 문서의 설명을 나타낸다.
㈑<BODY> : 문서의 실제 내용 부분을 나타낸다.
다음 예는 위의 기본적은 태그들로 이루어진 HTML 문서와 이를 인터넷 익스플로러에서 보았을 때의 결과를 보여준다.
* 예
<HTML>
<HEAD>
<TITLE> HTML 문서의 구성 </TITLE>
</HEAD>
<BODY>
HTML 문서의 내용이 들어가는 부분
</BODY>
</HTML> -
엑시스트
2003.01.14 19:40
저 설명은 어디서 많이 본듯한.... ㅡㅡ;;
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자]- marquee태그 (글자 움직이기)-2 [5] | ZipShin | 2002.10.12 |
부모-자식 레이어의 활용(레이어 위치 고정) [8] | clo | 2002.10.12 |
[HTML 초보자]- marquee태그 (글자 움직이기)-1 [6] | ZipShin | 2002.10.11 |
프레임셋 응용 [8] | 심플리즘 | 2002.10.08 |
HTML의 4가지 요소 [2] | ZipShin | 2002.10.01 |
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트2 [5] | ZipShin | 2002.10.01 |
HTML 이란? [5] | 조현원 | 2002.09.28 |
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
CSS,HTML,DHTML 및 기타 최신레퍼런스를 구하는 방법 [2] | -크크크- | 2002.09.28 |
벅스에서 음악주소 얻어내기 총정리!!! [11] | 세DlCIZLOI너 | 2002.09.25 |
(허접 팁)레이어를 브라우저 크기에 상관없이 위치지정하기 [6] | 오영민 | 2002.09.25 |
테이블 크기 더 이상 안넘어가게 하기.. [12] | dEathrock | 2002.09.24 |
소스 보는 방법 몇가지 [13] | 태영이 | 2002.09.24 |
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트1 [2] | ZipShin | 2002.09.19 |
[HTML 초보자] 테이블 태그의 rowspan [2] | ZipShin | 2002.09.17 |
최근게시물의 폰트크기와 링크색상 바꾸기. [5] | 매머드 | 2002.09.13 |
[HTML 초보자]- 테이블 태그(셀을 합치자..^^) [10] | ZipShin | 2002.09.11 |
레이어 고정법 [8] | bageup | 2002.09.11 |
Fieldset을 이용한 제몰 딸린 테이블~!!! [2] | 깻잎사랑=_=v | 2002.09.10 |
Fieldset을 이용한 iframe의 효과~! [6] | 깻잎사랑=_=v | 2002.09.09 |