사이드바 영역으로 건너뛰기

2-1. 홈페이지와 HTML

 

 

 

1. 홈페이지와 HTML

 

1.1. 요소(Elements)
1.2. 태그(Tags)
1.3. 속성(Attributes)
1.4. 속성값(values)



1. 홈페이지와 HTML

인터넷이란 단어에 대한 정의는 딱히 규정된 것은 없지만 전세계에 존재하는 수많은 컴퓨터들이 서로 연결된 컴퓨터 네트워크를 말한다고 생각하면 됩니다. 흔히들 인터넷이란 단어와 혼동되어 사용하는 WWW(World Wide Web)은 인터넷에 연결된 각 컴퓨터에 저장된 정보들을 거미줄(Web)처럼 연결하여 쉽고 빠르게 원하는 정보들(텍스트, 그래픽, 사운드, 동영상 등)을 찾도록 하기 위해 고안된 서비스 방식을 의미합니다. 그외의 인터넷 서비스 중에서 우리가 주로 사용하는 것은 Email과 FTP 서비스가 있지요. WWW는 웹페이지 또는 홈페이지라고 불리는 문서를 기본 구성단위로 합니다.
웹페이지에는 정보 전달의 가장 기본이 되는 텍스트는 물론 그래픽, 소리, 동영상, 소프트웨어, 프로그램 등 컴퓨터로 제작된 거의 모든 정보들을 삽입하거나 연결할 수 있습니다. 그렇게 됨으로써 우리는 집에 앉아 전세계의 사람들이 만들어 놓은 정보들 중에 우리에게 필요한 정보를 웹브라우저 - 웹페이지를 보여주는 소프트웨어, 인터넷 익스플로러나 넷스케이프 네비게이터 - 라는 소프트웨어를 통해 손쉽게 얻을 수 있게 되는 것이죠.
이러한 웹페이지를 만든다는 것은 HTML(HyperText Markup Language)이라는 프로그래밍 언어를 사용하여 문서를 제작함을 의미합니다. 비록 HTML이 프로그래밍 언어라고는 하지만 전문 프로그래머들이 사용하는 C 언어와 같이 까다로운 언어와는 성격이 다르며, 단순히 정해진 기능을 하는 코드들을 나열하고 원하는 텍스트를 입력하는 것에 불과합니다.

HTML은 다음 4가지 종류의 코드들로 구성된 하나의 집합체를 의미합니다.

1.1. 요소(Elements)
HTML 명령을 의미합니다. 시작태그와 끝내기 태그를 가질 수 있으며 컨테이너(시작태그와 더불어 끝내기 태그로 둘러싸인 요소)라면 시작태그와 끝내기 태그 사이에 텍스트나 다른 요소를 가질 수 있습니다. 예를 들어 이라는 요소는 웹브라우저에게 제작된 웹페이지의 제목을 웹브라우저가 제목표시줄에 표시하도록 하는 컨테이너 요소입니다. 물론 처럼 시작 태그만 있는 요소도 있습니다.

1.2. 태그(Tags)
태그는 요소의 일부로서 시작태그와 끝내기 태그 두 종류가 있습니다. 시작태그는 요소를 시작하며 끝내기 태그는 요소를 끝낸다는 것은 쉽게 짐작할 수 있겠죠? 앞에서도 이야기했지만 모든 요소들이 끝내기 태그로 끝나는 것은 아닙니다.

1.3. 속성(Attributes)
속성은 요소의 시작 태그 내에 사용하는 것으로 명령을 구체화시키는 것입니다. 예를 들어 텍스트의 폰트 지정을 위해 사용하는 요소는 size, color, face 등의 속성을 갖는데 FONT 처럼 시작태그 내에 사용되며 속성과 속성값 사이에는 = 이라는 부호를 사용하여 연결합니다. 속성은 보통 속성값을 갖지만 noshade 등 일부 속성은 속성값을 갖지 않으니 유의하시기 바랍니다.

1.4. 속성값(values)
속성값은 속성과 관련된 값을 말합니다.
에서 " "내에는 right나 all도 사용될 수 있는데 이들은 속성 clear의 속성값이며 속성과 속성값은 등호 '='에 의해 구분됩니다. 속성값 중에는 속성값을 " " 내에 넣는 것과 size=5처럼 넣지 않는 것이 있으므로 속성마다 사용여부를 잘 알아두어야 합니다.


진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크