2014년 4월 27일 일요일

HTML 문서의 기본구조

html 문서의 기본구조

html이란?
html은 Hypertext Markup Language의 약자로, 월드 와이드 웹(www)에서 볼수 있는 페이지를 만들때 사용하는 프로그래밍의 언어의 한 종류.
현재 많은 웹페이지들은 대부분 html을 쓰고 있음.
가장 보편적인 언어라고 보면 될듯.

- html에서 사용되는 요소를 사용할때는 "<",">"를 사용함.
   ex) <h1>블로그에 오신걸 환영합니다!</h1>
- 이때 첫번째나오는 요소명이 시작태그이고, 끝에 나오는 요소명은 종료 태그임. 종료태그엔 반드시 슬러시('/')가 들어감.

- 일부 요소는 종료태그가 없이 < ... /> 이렇게 들어가는 경우가 있는데. 이런 요소를 빈요소라고 함.
   ex)<img src="이미지경로" />

- 요소들에는 속성이 들어감.
   ex) <a href=http://gela_studio.blog.me>블로그</a>
- 이때 <a>는 요소, href는 속성, http://gela_studio.blog.me는 속성값이 된다.
- 속성을 쓸땐 요소에서 한칸 띄운뒤 사용(스페이스바). 속성과 다른 속성을 쓸때도 스페이스바로 구분을 해줘야함.

html 기본구조
<html>
<head>웹페이지의 기본정보</head>
<body>
     웹페이지의 내용
</body>
</html>

<html></html> : html문서의 시작과 끝을 알림. html문서임을 알려줌.
<head></head> : 헤드 사이에는xml선언,  타이틀, 메타태그, 언어선언, 스타일링크 등 페이지에 필요한 기본정보들이 들어간다. 
<body></body> : 웹페이지에서 보여주려는 내용이 들어가는 부분. 실질적으로 웹페이지에 출력되는 내용들이 들어간다.