HTML (Hyper Text Markup Language) 이란?
웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어이다.
•HT: HyperText, 문서와 문서가 링크로 연결되어 있다.
•M: Markup, 태그로 이루어져 있다.
•L: Language, 언어를 뜻한다.
HTML 변천과정
따라해보기
<!DOCTYPE html>
<html>
<head>
<title>첫번째 웹페이지</title>
</head>
<body>
<h1>HelloWorld</h1>
</body>
</html>
메모장을 이용해서 아래의 소스코드를 작성하고 “helloworld.html” 로 저장해보자.
DOCTYPE
- DOCTYPE은 html의 태그는 아니지만 웹페이지에서 맨 처음에 선언되어 어떤 종류의 html을 사용할지 웹브라우저에게 알려줄 목적으로 사용한다.
- 브라우저는 DOCTYPE 선언을 확인하고 브라우저 모드를 결정한다.
- 브라우저 모드는 표준 호환 모드, 비표준 호환 모드 가 있다.
- 웹 표준에서는 웹 페이지를 제대로 표현하기 위해서는 올바른 문서 형태를 정의 해주어야 한다.
- 최신 버전인 HTML5를 문서형식으로 사용하는 웹사이트도 증가 추세
태그(Tag)
< > 사이에 오는 단어나 문자
ex) <head>, <p>, <h1>브라우저에게 작성한 텍스트의 구조와 의미를 알려준
다
이 전체를 엘리먼트(Element: 요소)라고 한다.
이 경우에는
<h1> 엘리먼트이다.
시작태그 종료태그
엘리먼트(요소) = 시작태그 + 콘텐츠 + 종료태그
태그 작성법
-
태그는 < > 을 이용해 구분합니다.
-
태그는 소문자를 사용합니다.
-
여는 태그와 닫는 태그를 정확히 입력합니다.
-
적당히 들여 씁니다.
-
태그는 속성과 함께 사용할 수 있습니다.
-
포함관계를 명확하게 합니다
블록요소 인라인요소
문서의 구조
