/*

 * http://sosal.kr/

 * 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 코딩의 끝을 의미합니다.


'Web programing > HTML & CSS' 카테고리의 다른 글

HTML5 규격 표준 검사기  (0) 2014.12.04
HTML form 태그, input type 종류  (0) 2014.07.27
HTML 이미지 삽입 태그  (0) 2014.07.26
HTML 하이퍼 텍스트 링크  (0) 2014.07.26
HTML의 기본 구조(2)  (0) 2014.07.26
HTML의 기본 구조  (0) 2014.07.26
Posted by sosal sosal

댓글을 달아 주세요