본문 바로가기
  • 컴퓨터 기초를 위한 블로그입니다
컴퓨터사용팁

HTML - HTML의 형식

by 동강사랑💙 2011. 1. 5.

HTML의 형식

- HTML, HEAD, BODY 태그 및 참고사항
① HTML
▶ <html></html> - HTML 문서의 시작과 끝을 나타내는 것입니다. 따라서 어떠한 페이지든 간에 태그, 이미지, 글 등이 이 태그의 사이에 있어야 합니다.

② HEAD
▶ <head></head> - 일종의 머리말로서 보통은 문서의 제목만을 title 태그를 사용하여 나타냅니다.
▶ <title></title> - 화면을 열었을 때 가장 상단의 색깔있는 부분에 나타나는 글입니다. 다시 말해, 제목표시줄에 문서의 제목을 나타내는 것입니다.

③ BODY

▶ <body></body> - HTML 문서의 실제적인 내용이 들어가는 부분으로 화면에 곧바로 나타나게 되는 부분입니다. 특히 이 명령어를 주어야 여러가지 이미지들이 상하지 않기 때문에 HEAD 태그가 끝난 후에 지정해 줍니다.

④ 참고사항

▶ 태그는 줄바꾸기 태그 이외에는 모두 시작과 마무리 태그를 주어야 합니다. 시작은 <태그 명령어> 그대로이고 마무리는 </ 태그 명령어>와 같이 슬러쉬를 해줘야 합니다. 그리고 두개 이상의 태그가 동시에 주어지는 경우 처음 것은 제일 나중에 마무리 되어야 합니다. 예제로 확인하세요~
▶ 태그 명령어는 영어의 대소문자를 구별하지 못합니다. 그러니 편한대로 쓰세요.
▶ 태그 명령어는 띠어쓰기를 한칸밖에 인식하지 못합니다. 여러칸을 띠어도 한 칸을 띤 것으로 인식합니다. 그러나 특수문자인 &nbsp;를 하면 한번 당 한칸을 띠는 효과가 나타나며 &lt;는 <, &gt;는 >를 표시해 줍니다.

     ▶ 예제소스 - 각 태그의 시작과 마무리 순서를 눈여겨 보세요.

     <html>
     <head><title>HTML의 형식 예제</title></head>
     <body>
     팝업창 상단에 제목이 나타났나요?
     </body>
     </html>

     ▶ 예제실행 - 결과를 보시려면 클릭하세요.

'컴퓨터사용팁' 카테고리의 다른 글

HTML - 그림 넣기  (0) 2011.01.05
HTML - 글자 폰트의 모든 것  (0) 2011.01.05
윈도우 정품 혜택 알림창 안 뜨게 하기  (8) 2011.01.04
윈도우7 백신 MS Security Essentials 2.0  (2) 2011.01.02
하이퍼링크 점선없애기  (0) 2011.01.01

관련글

티스토리툴바