HTML5 기본 구조

<DOCTYPE html> : html5 문서의 타입을 선언하며

기존 html4에 비하여 매우 간단해졌습니다.

만약 DTD를 올바르게 지정해주지 않으면

브라우저의 속도가 느려지고

사용자의 체감에 좋지 않다고 하는군요

(DTD의 내용이 틀리거나 문서의 상단에 오지 않을경우)

<html> </html> : html 문서의 시작과 끝

<head> </head> : 문서의 제목과 기타 다른 정보 등으로 구성 되어 있음

<title> </title> : 웹 브라우저 상단의 제목

<meta charset="utf-8"> : html문서의 문자 인코딩 방식을 지정

<body> </body> : 문서의 본문 내용이 들어가는 부분

<시작 태그 속성="변수"> 내용 </종료 태그>

시작 태그 : 요소의 시작을 의미

속성 : 구체적인 설정 사항

변수 : 속성에 실제 적용 될 값

내용 : 브라우저에 나타날 실제 내용

종료 태그 : 요소의 종료를 의미

ex) <p align="center"> HTML5 구성 요소 </p>

위 예제에서는 p태그를 사용하였습니다

p태그란 영어의 paragraph의 약자로

문장 여러개가 모인 문단을 만들어주는 태그입니다.

즉 내용에 위치하는 것이 하나의 문단을 구성합니다

예제를 보면 align 이라는 속성을 정의했고,

속성에 적용 될 변수로 center를 지정하였습니다.

위 예제를 다음과 같이

<body> </body> 사이에 넣으시고 실행하면

이런 결과를 얻으실 수 있습니다

[Android] 개발환경 구축하기 - ADT,SDK 설치하기 (0)	2014.06.14
[Android] JDK 설치 및 환경설정 (0)	2014.06.13
[Android] 이클립스(Eclipse) 안드로이드 설치 (0)	2014.06.12
티스토리(Tistory)에 코드 하이라이트(Syntax Highlighter) 적용하기 (0)	2014.06.10
html5란 (0)	2014.05.29
매직트리하우스 단어장 Dinosaurs Before Dark (0)	2014.05.29
매직트리하우스 단어장 MAGIC TREE HOUSE 1-8,9,10 (0)	2014.05.29
다음 트로이(Daum Troy) 반응형웹 모바일 화면 테스트 사이트 (0)	2014.05.28

관련글