전자상거래 운용사 자료

HTML과 CSS의 개념 및 기본 구조 & 기본 태그

1. HTML(Hyper Text Markup Language)의 개요

(1) HTML의 정의 : 현재 HTML 3.2가 표준

․Web Browser에 나타나는 문서 양식 : 텍스트, 음성, 그림, 동화상 등을 볼 수 있게 문 서 양식을 작성하는 문법에 대해 정의한 것으로 WWW 서버의 컨텐츠를 기술하는 언 어이다.

․ASCII(한글 KS 완성형)코드로 작성된 일반 텍스트 형식의 문서

․SGML의 문서 규칙을 준용한 마크업 언어(Markup Language)언어

․Hyper Text : Text를 비롯한 여러 다양한 형태의 문서들이 서로 상호 유기적으로 연결(Hyper Link) 되어 있는 문서로 관련된 정보를 검색하기에 편한 문서의 형태를 의미한다.

․ SGML(Standard Generalized Markup Languge) : 국제 문서 표준양식

웹에서 사용되는 문서의 Markup 언어나 Tag의 정의 등 문법을 정의하기 위해 고안된 표준언어헤더파일과 문서형태의 정의, 본문 등의 세 부분으로 구성된다.

․Markup Language(마크업 언어) : 문서 형식에 추가적인 내용이나 정보를 추가하거나 표시하는 것으로 HTML의 경우 Tag 명령을 덧붙여 만들어진 언어를 의미한다.

(2) HTML 작성도구

㈎ HTML 전용에디터

□ 종류

․국내 : 나모 웹 에디터

․국외 : MS사의 Font Page, Macro Media사의 Dream Weaver, Home Site, Hot Dog,

□ 특징

․ 문서관련 태그를 익히지 않아도 쉽고 간단하게 HTML문서를 작성할 수 있다.

․ WYSIWYG(What You See Is What You Get)방식으로 브라우저에서 문서를 확인 하지 않고 편집상태를 볼 수 있다.

㈏ 일반 에디터

□ 종류 : 메모장(notepad), 워드패드, Ultra Editor, MS-Word

□ 특징

․ HTML 문서 작성시 태그를 익혀야 한다.

․ 속도가 가장 빠르다.

(3) HTML의 문제점

․ 태그의 추가나 새롭운 정의를 할 수 없고, 고정된 태그만을 사용

․ Layout을 임의로 지정할 수 없다.

․ 문서가 비구조적이며, 복잡하다.

․ 대용량의 애플리케이션을 구현하는데 한계가 있다.

․ 문서의 재사용과 교환이 어려워 호환성이 낮다.

․ 정적인 언어로 사용자와 서로 상호 작용하는 웹사이트의 개발에 제약이 많다.

..................................... 이하 생략...

[2004년]_제2회_전자상거래_운용사(9월_12일).hwp

[전자상거래_운용사]_HTML과_CSS의_개념_및_기.hwp