전자상거래 시스템 운영 및 관리

   3.전자상거래 컨텐츠 개발

      1. 웹 기술 언어Ⅰ - HTML

1) HTML(HyperText Markup Language)

·웹 페이지를 만들기 위한 기본 언어이다.

·ASCII(한글의 경우 KS 완성형) 코드로 작성된 일반 텍스트 형식의 문서로, 모든 시스템 환경에서 사용할 수 있는 일반 텍스트이다. 따라서 텍스트 형식을 편집할 수 있는 대부분의 에디터를 사용해 작성할 수 있다.

·문서 중간에 문자나 문장의 형태에 대한 명령 표식(TAG)을 덧붙임으로써 문서의 형식을 규정한다.

·하이퍼텍스트(HyperText)란 원하는 부분을 마우스로 클릭하면 그 곳으로 바로 이동하여 사용자가 관심 있는 영역만을 찾아 볼 수 있는 구조로 짜인 문장이다.

·마크업 언어(Markup Language)이다. 마크 업 언어란 문자열의 앞뒤에 일종의 태그(Tag)를 붙여 그 문자열의 특성을 나타내주는 언어이다.

 

① HTML 문서의 기본 형식

 

◆ HTML 문서의 구조

·헤드(Head) 부분 : HTML 문서에 대한 정보를 가지고 있는 부분이다.

·바디(Body) 부분 : 실제로 화면에 보여지는 부분이다.

·파일의 시작과 끝 부분에 HTML 문서임을 알려주는 태그를 넣어주어야 한다.

[결과]

 

② HTML 태그 소개

태그는 HTML 문서를 작성하기 위한 일종의 약속으로 브라우저에는 나타나지 않고 화면에 보여주는 형식을 지정하는 역할을 한다.

 

◆ 특징

·태그는 대·소문자 구분이 없다.

·HTML 버전이 올라갈수록 태그의 수도 증가한다.

·시작과 끝을 나타내는 <명령어> ... </명령어> 형태로 보통 쌍을 이룬다.

·끝나는 태그 앞에는 '/' 부호를 붙여주어야 한다.

·경우에 따라 시작 태그 하나만 단독으로 쓰이는 것이 있다.

 

◆ 글씨체에 관련된 태그

HTML 문서의 글씨체에 관련된 태그이다. 글꼴, 글자의 크기, 글자 속성, 글자 색 등을 조절할 수 있다.

 

 

 

◆ 표에 관련된 태그

데이터를 정리할 때 가장 유용하게 사용되는 표에 관한 태그로, 표를 만들고 제목을 달 수 있으며 태그 안의 여러 옵션을 조정하여 표의 색이나 선의 서식을 지정할 수 있다.

 

 

 

◆ 리스트에 관련된 태그

목록을 정리할 때 사용되는 태그로, 순서가 있는 목록과 순서가 없는 목록 등으로 선택하여 적용할 수 있다.

 

 

◆ 링크, 이동에 관련된 태그

하이퍼텍스트 문서의 가장 중요한 요소인 하이퍼링크를 연결해 주는 태그로 HTML 문서를 강력하게 만들어준 태그이다.

 

 

◆ 문단에 관한 태그

문단 작성에 사용되는 태그로, 들여 쓰기를 하거나 인용구를 나타낼 수도 있다. 공백을 인정하지 않는 HTML 문서에서 공백까지 그대로 나타나게 하는 <PRE>…</PRE>와 같은 태그도 있다.

 

 

◆ HTML 틀에 대한 태그

HTML 문서의 기본을 이루는 태그로, HTML의 제목과 본문 부분을 지정하거나 화면을 여러 개의 프레임(Frame)으로 나눌 때 사용한다.

 

 

◆ 외부 언어 또는, 스크립트에 대한 태그

자바와 같이 외부 언어나 스크립트를 HTML 문서 안에 삽입할 때 사용하는 태그이다.

 

 

◆ 그 외의 태그

그림을 삽입하거나 주석을 쓸 때 사용되는 HTML의 태그들에 대한 설명이다.