본문 바로가기

IT/웹프로그래밍

HTML 기본 구조

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요 웹 프로그래밍 언어 중 하나인 HTML의 기본 구조에 대해서 포스팅 하겠습니다.


보통 처음 HTML을 접할 때는 메모장을 애용하므로 메모장을 사용합시다. 메모장으로 작성 후 확장자를 .html로 만드시면 됩니다.



HTML의 기본 구조는


<html>

<head>

<title> </title>

</head>

<body>

</body>

</html>


이렇게 됩니다. 각각 설명을 하자면



<html>  HTML 문서 시작을 알리는 태그입니다. 끝에 </html>로 닫아줘야하며 웹문서에 변화를 주지않습니다.


<head>  머리부분을 알리는 태그로 문서 정보를 입력해 문서를 변화시킵니다. <html>과 마찬가지로 </head>로 닫아줘야 합니다.


<title> 웹 브라우저의 제목 표시줄에 표시되는 제목을 입력하는 태그입니다. </title>로 닫아줘야합니다.


<body> 몸체부분의 시작을 알리는 태그입니다. 실질적으로 웹 문서를 기록하는 부분입니다. </body>로 닫아줍니다.



이렇게 기본 태그 설명이 끝났습니다. 그러면 한번 사용해볼까요?





파일은 기본 태그.html로 저장했고 title과 body 태그 부분에 글자를 넣어봤습니다. 그러면 실행결과는 어떻게 될까요?






확인 하셨나요?  이렇게 표시됩니다. 다음 포스팅에는 조금 다양한 태그들을 다뤄보겠습니다.