브라우저 제목

동영상

 

 

HTML(Hyper Text Markup Language)이란

웹페이지를 만들기 위한 언어로 웹브라우저를 통해서 동작되는 언어입니다.

Hypertext란 링크(연결)로서 한 문서에서 다른 문서로의 이동을 말합니다.

HTML은 초기에 이러한 문서의 연결을 위한 하이퍼텍스를 작성하기 위해 개발 되었습니다.

 

HTML은 기본적인 문법을 가지고 있습니다.

그 문법을 기준으로 웹브라우저가 해석하여 우리에게 형태를 보여줍니다.

그러므로 문법을 반드시 지켜야 하다.

 

HTML은 태그(Tag)라는 명령으로 Markup한다

Tag는 HTML의 기본 명령이고

Markup한다는 말은 명령을 기술, 서술하여 표시한다는 것입니다.

 

Tag의 규칙

Tag는 "<태그명>" 안에 작성하여야 합니다. 또한 Tag의 끝을 표시하여야 하는데 "</태그명>"으로 표시되어야 합니다.

예) <h1>제목</h1>

 

HTML은 DOCTYPE이 있습니다.

DOCTYPE은 버전과 같은 것이어서 어떤 형식으로 쓰이냐에 따라 브라우저의 해석이 다르게 됩니다.

현재 최신 버전은 HTML5를 사용하고 있으며 웹표준으로 사용되고 있습니다.

웹표준은 표준이 확립되어 있지 않았을 때 브라우저(ie, 크롬, 사파리, 파이어폭스)마다 서로 조금씩 다르게 표현하는 경우가 많았습니다.

서로의 표현법이 다르다 보니 개발을 하는 개발자들이 그 모든 브라우저에 맞추어 프로그램을 만드는 것에 문제가 생겨 

서로 통일하도록 규약을 하고 만들어 놓은 것이 표준입니다.

웹표준 이전의 DOCTYPE은 다음과 같습니다.

 

HTML 4.01

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

 

 

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

으로 설정하였으나

HTML5에서는

<!DOCTYPE html>으로만 기술하게 되었습니다.

 

HTML을 하기 위해서는 코드를 작성할 수 있는 코드 편집기가 있어야 합니다. 

메모장--무료(윈도우에 내장) 단점-- 코드의 힌트가 없어 코드를 정확히 모르면 초보자의 경우 사용하기 어렵다.

editplus--유료

Notepad++ --무료(유료에 비해 다양한 편집에 한계가 있지만 초보자가 기본적은 웹코드를 익히기에는 불편함이 없다.)

드림위버--유료(코드만 지원하는 것이 아니라 위지윅의 상태로 표시해주기 때문에 다양한 편집 및 메뉴를 제공한다.)

 

HTML의 기본 문법

Markup(코드 작성, 코딩, 명령, 태그작성 등의 총칭)을 할 때 Tag(HTML의 명령체계)작성의 기본 문법

Tag(태그): "<"와 ">" 사이에 기술되는 명령

태그의 시작(명령의 시작)이 있으면 그 태그가 허용하는 범위의 끝을 알려주는 형식은 "</"와 ">"로 만들고

태그의 시작 부분과 끝부분을 모두 포함하여 요소(Element)라고 칭한다.

태그의 끝("</>")이 없는 요소도 있는데 그런 요소를 빈요소(Empty Element)라고 한다.

[형식]

<태그명> ~ </태그명>

 

 

제목 날짜
HTML(기초)-첫번째 시간 2017.09.05
태그 목록