웹 페이지의 구성 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>
문서의 본문, 즉 문서의 몸통입니다.
'화면구현' 카테고리의 다른 글
링크태그와 메타 데이터 삽입 (0) | 2020.03.03 |
---|---|
HTML 태그(4) (0) | 2020.03.02 |
HTML 태그(3) (0) | 2020.03.02 |
HTML 태그(2) (0) | 2020.03.02 |
HTML 태그(1) (0) | 2020.03.02 |