HTML 기본구조와 태그

2012. 5. 5. 00:02

HTML 기본구조

HTML의 경우 기본구조가 있어, 그 구조에 맞춰 해당 태그를 입력하면 됩니다.

웹 문서는 크게 머리부, 몸체부로 나뉠수 있습니다.

위에 빨간 사각형이 머리부

아래 빨간 사각형이 몸체부라고 할 수 있습니다.

소스에서 <html> , <head>와 같이 산형괄호( <> )로 묶인 것을 태그라고 합니다.

이러한 태그들은 사용 용도가 정해져 있으므로, 필요한 곳에 가져와서 사용하면 됩니다.

대부분의 태그는 여는태그 ( <태그명> )와 닫는 태그 ( </태그명> )로 구성되어 적용 범위를 정할 수 있습니다.

간단한 HTML 소스의 기본 구조

<html> -- HTML 문서의 시작을 알려줌

<head> -- 머리부 시작을 알려줌

<title> 홈페이지 </title> -- 타이틀 바에 표시할 문자 표시

</head> -- 머리부 끝을 알려줌

<body> -- 몸체부 시작을 알려줌

안녕하세요..

반갑습니다..

할말이 없네여..

</body> -- 몸체부 끝을 알려줌

</html> -- HTML 문서 끝을 알려줌

아주 간단한 HTML소스입니다. 한번 웹브라우저로 열어 볼까요?

<html> ... </html>

HTML 문서 형식으로 작성됬음을 나타내고 문서의 시작과 끝을 알려줍니다.

문서를 만들 때 제일 먼저 <html> 태그를 적고, 가장 마지막에 </html> 태그로 닫아 주어야 합니다.

실행 결과에는 변화를 주지 않고 홈페이지의 시작과 끝을 알려줍니다.

<head> ... </head>

머리부임을 알려주는 태그로, <html> 처럼 실행 결과에 변화를 주지 않지만,

<head> 태그 사이에 문서 정보를 입력해 문서 전체를 변화시킬 수 있습니다.

<head>태그 사이에는 <title>, <meta>, <style>, <script> 태그 등을 삽입할 수 있습니다.

<body> ... </body>

몸체부의 시작과 긑을 알려주고 실질적으로 브라우저에 표시할 문서를 기록하는 곳 입니다.

홈페이지에서 보이는 대부분은 이 태그 사이에 기록합니다.

문자, 그림, 표와 같은 실제로 문서를 구성하게 될 구성 요소를 <body>태그 사이에 입력합니다.

돌돌마