html의 기본구조는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
<h1> hello world! </h1>
</body>
</html>
DOCTYPE
Document Type Declaration란 뜻으로 약자로 DTD라고 합니다.
제일 상단에 위치해야 하고 이 문서가 어떤 종류인지 어떤 버전으로 작성되었는지를 알려줍니다.
작성한 버전에 맞게 문서를 해석하라는 뜻이지요.
DOCTYPE을 지정하지 않으면 내가 의도한 바와 다르게 화면이 출력될 수 있습니다.
위 예시는 html5로 작성되었다는 표시 입니다.
title
문서의 제목을 입력합니다.
브라우저 상단에 출력되는 제목을 설정해 주는 부분입니다.
body
본격적으로 사이트의 컨텐츠가 들어가는 부분입니다.
앞으로 하게될 작업은 대부분 이곳에 작성됩니다.
이제 뒤에서 코드가 나오면 body사이에 요렇게 치면 됩니다.
<body>
<p></p>
</body>
태그문법
대부분의 태그는 열었으면 닫아줘야 합니다.
짝궁으로 쌍둥이태그를 달고 다니는 애들도 있고
혼자 다니는 태그도 있습니다. 뒤에서 하나하나 알아봅시다
<p></p>
<img src="" alt=""/>
'html' 카테고리의 다른 글
| 06. strong태그, em태그 _ paragraph 구성요소 (0) | 2015.10.06 |
|---|---|
| 05. p태그 _ paragraphs (0) | 2015.10.06 |
| 04. h태그 _ headings (0) | 2015.10.06 |
| 02. 에디터사용법 (aptana studio) (0) | 2015.09.25 |
| 01. html, css, javascript의 개념 (1) | 2015.09.08 |
