웹 페이지 구성

웹 페이지의 구성 3요소

1. 웹 페이지의 구조와 내용 - HTML

2. 웹 페이지의 모양 - CSS(Cascading style Sheet)

3. 웹 페이지의 행동 및 응용 프로그램 - Javascript

HTML 태그로 문서의 구조와 내용 만들기

<!doctype html>은 문서의 시작을 알리는 문구로 문서 유형을 지정하기 위해 제일 먼저 작성하고 시작합니다.

1-1. <HTML>

<!doctype html>로 시작을 작성하고

<HTML>태그로 코딩을 시작합니다.

코드를 시작하면 반드시 닫아야 하기 때문에 <HTML>로 시작 후 </HTML>로 문서를 끝냅니다.

*웹문서가 끝났다는 뜻이므로 </HTML> 이후에는 내용이 없습니다.

-<html lang="en">

휴먼랭귀지의 속성을 제공하는 것 입니다. 즉 "이 웹문서의 콘텐츠는 한국어 또는 영어로 되어 있다." 라는 것을

알려주기 위해 사용하는 속성입니다.

<html> 시작태그의 고유속성인 lang을 사용하여 "ko" 또는 "en"라는 값으로 지정할 수 있습니다.

-<meta charset="utf-8">

현재 페이지가 utf-8로 인코딩 되어 있다는 뜻으로 다국어를 표현하기 위해 사용되고 있다.

HTML5에서는 utf-8을 기본문자 인코딩 방식으로 채택하고 있다.

1-2. <HEAD>

<HEAD>는 웹브라우저 화면에는 보이지 않지만 웹브라우저가 알아두어야 할 정보들을 <HEAD>부분에 입력한다.

-<title>

문서제목

ex. <title> 코딩 공부하기 </title>

1-3. <BODY>

문서의 본문, 즉 문서의 몸통입니다.