HTML의 형식

1. HTML의 형식

- HTML, HEAD, BODY 태그 및 참고사항

① HTML

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

② HEAD

<head></head> - 일종의 머리말로서 보통은 문서의 제목만을 title 태그를 사용하여 나타냅니다.

<title></title> - 화면을 열었을 때 가장 상단의 색깔있는 부분에 나타나는 글입니다. 다시 말해, 제목표실줄에 문서의 제목을 나타내는 것입니다.

③ BODY

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

④ 참고사항

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

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

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