한밥상 게스트 하우스

<step. 3> HTML 문서의 기본 구조 본문

IT/IT 인터넷

<step. 3> HTML 문서의 기본 구조

부엉 집사 2015. 12. 6. 15:59




 이제 본격적으로 HTML을 작성해 보도록 한다. HTML의 문서에는 기본적인 구조가 있다.


<!DOCTYPE html> → DTD(Document Type Definition) 문서 시작을 선언, 문서의 타입

<html> → HTML 문서는

<head> → 머리 와

<title></title> → 웹접근성 부분에서 중요

</head>

<body> → 몸 으로 되어있다

</body>

</html>

 

 대부분의 HTML 문서는 이런 형식을 띄고 있다. 저런 틀 안에 여러가지 요소들이 들어가 우리가 보는 웹페이지를 만들어 내는 것이다.


 HTML은 브라우저가 우리가 작성한 문서를 읽을 수 있게 약어로 그 의미를 브라우저에게 전달하는 문서인데 약어는 <> 안에 넣어 사용한다. <>안에 넣을 약어를 태그라고 한다. 태그에는 아주 여러가지 종류가 있는데 처음부터 다 알려고 하면 머리만 아프다.


 위에 작성한 외계어만 보고도 그 의미를 이해하는 똑똑한 분들도 있겠지만 처음 보면 잘 모르는 게 일반적이다.


 태그가 시작할 때에는 꼭 종료 태그가 함께 들어가야 한다. 그러므로 HTML 문서를 작성 할 때, 시작 태그와 종료태그를 함께 작성하는 것이 일반적이다. 예를 들면 <head></head> 이렇게. 저렇게 작성하고 웹에 표시할 내용을 시작, 종료태그 사이에 작성하면 된다.


다음 편에 계속...






Comments