[HTML 강좌/강의/스터디] 1. HTML 소개

2015. 7. 8. 22:38IT/HTML 강좌/스터디

[HTML 강좌] 1. HTML 소개


HTML이란 Hyper Text Markup Language의 약자

- 하이퍼텍스트 문서를 구성하기 위한 언어

- HTML은 World Wide Web(WWW) 문서를 만들기 위해 제장된 표준언어로 홈페이지 작성에 사용


HTML 작성예(html example)




기본적인 HTML 구조는 위와 같습니다. 

위의 설명
- DOCTYPE 선언은 HTML의 규약문서 유형을 정의

<html>과 </html>의 사이에 html tag를 작성합니다.

- <head>와</head> 사이에 문서의 주요정보를 제공합니다.

<title>과 <title> 사이에 문서의 타이틀 즉 문서 제목을 정의합니다.

- <body>와 </body> 사이에 문서의 주요내용을 작성합니다.


위와 같이 HTML 은 tag라는 것으로 구성됩니다.


Tag라 함은 

아래와 같이 시작과 끝이 있습니다.



이러한 HTML을 작성하면 이 HTML을 볼수 있게 하는게


웹 브라우져(web browser) 입니다.


웹브라우져의 종류 :

Chrome, IE, Firefox, Safari



HTML의 페이지 구조는 다음과 같습니다.




!!! 위와 같은 HTML 구조로 구성되어 있으며, 웹브라우져에 직접 노출되는 영역은 위의 <body></body> 사이에 있는것만 노출됩니다.



<!DOCTYPE>의 문서규약 정의에 따라서, html 의 해석되는

규칙이 조금씩 다릅니다.

예컨대 공백이나, 보여지는 크기가 조금씩 다를수 있으며, 

가장 최신의 2014년에 문서규약된 HTML5의 형식인 아래로 대부분 정의해서 작성한다고 보시면 됩니다.



이렇게 간단하게 HTML이 어떤건지 보았고, 다음에는 웹 에디터 

즉, HTML을 작성하는 툴(Tool)을 알아보겠습니다.