Web programing/HTML & CSS
HTML의 기본 구조
sosal
2014. 7. 26. 11:10
반응형
/*
* made by so_Sal
*/
HTML 작성하기.
<html>
<head>
<title>HTML???</title>
</head>
<body>
<p>
HELLO WORLD!!
</p>
</body>
</html>
위 내용을 notepad(텍스트 문서)에 적은 후 아래와 같이 저장합니다.
그리고 실행시켜볼까요?!
internet explore (이하 ie) 가 켜졌네요
제목은 HTML???
내용은 HELLO WORLD!!!
그럼 소스를 분석해볼까요
<html> <!-- HTML의 시작을 의미합니다. -->
</html> <!-- HTML의 끝을 의미합니다. /의 의미를 알 수 있습니다. -->
<head> <!-- HTML 제목의 시작입니다. -->
</head> <!-- 제목의 끝-->
head와 /head 사이에 이런것이 들어가있네요
<title>HTML???</title>
페이지의 타이틀을 의미합니다.
안에 내용을 바꾼다면 HTML??? 대신에 바꾼 내용이 들어가겠죠!!
<body>
<p>
HELLO WORLD!!
</p>
</body>
몸체입니다. ie에서 우리가 보는 (타이틀이나 도구창 등을 제외한)
중심부 body입니다.
body 태그 안에 <p>로 묶여서 HELLO WORLD가 있는데,
p는 passage의 약자로 문장의 시작과 끝을 의미합니다.
사실 <p></p>로 묶지 안더라도 출력은 됩니다 .
문장단위로 나누기 위해서 이렇게 묶게 됩니다.
body태그를 끝내주고
</html>로 위 내용을 끝내주면 HTML 코딩의 끝을 의미합니다.