[HTML]HTML기본구조

2015. 7. 16. 21:18

HTML기본구조

HTML은 여러가지 태그를 사용하여 표현하는데 여기서 태그란 "<>"로 구별되어있으며, 대부분시작과 끝을 나타낸다. <html>~</html>은 문서의 시작과 끝을 의미한다. head와 body로 나누어져 있으며, 아래와 같은 기본 형식을 가진다.

HTML기본구조

DOCTYPE

문서의 버전에 관한 정보를 나타내며, <!doctype html>은 HTML5 임을 알려준다.

HEAD 요소

HEAD요소

meta요소

사용언어(charset), 사용저작도구(Generator), 저작자 이름(Author), 키워드 (Keyword), 문서설명(Description) 등, 문서를 파악하는데 도움이 되는 정보들을 포함한다.

link요소

css파일을 연결하기위해 사용한다. href에 css경로를 넣어주면 된다.

script요소

js파일을 연결하기위해 사용한다. href에 js경로를 넣어주면 된다.

style요소

현재페이지의 css내용을 넣으면 된다. link를 이용한 css파일 연결의 경우에는 대부분 공통의 css내용이 있을 때 사용하며, style요소를 이용해 현재페이지의 css내용을 모두 넣었다면 link연결은 해줄 필요가 없다.

title요소

문서의 제목을 나타내며, 한번만 사용가능하다. 또한 페이지의 내용을 고려한 제목을 넣어야하며, 특수문자는 넣지 않는것이 좋다.

BODY요소

문서의 내용을 적는 곳이다. 태그를 이용하여, 다양한 표현으로 문서의 내용을 보여줄 수 있다.

BODY요소

예를들어, <ul>,<li> 태그를 이용하면 목록앞에 기호를 표시할 수 있으며, <ol><li>는 숫자를 표시하여 순서를 나타낼 수 있다. 그 밖에 다양한 태그를 사용하여 다양하게 화면을 완성해 나갈 수 있다.

뒤범벅.Sharing information