안녕하세요. 진로강연하는 남자 [월횽]입니다. 오늘은 제 1강 html의 기본태그 "!DOCTYPE html, html, head, body"에 대해 알아보겠습니다.
1. DOCTYPE html
의미: html 기본태그 'DOCTYPE html'은 우리가 브라우저에게 지금부터 내가 Doc에서 사용하려는 타입의 언어는 html5 언어를 사용할 것이야!라고 알려주는 방법입니다.
html5 선언
<!DOCTYPE html>
- html5 이전 선언 방법
html 4.01 Strict 선언
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
html 4.01 Strict4.01 Transitional 선언
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html 4.01 Strict4.01 Frameset 선언
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict 선언
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2. <html> ~ </html>
의미: <html> ~ </html> 사이에는 html 코드를 작성하는 곳입니다.
사용법: <html> = 시작할 때, </html> = 끝날 때
<!DOCTYPE html>
<html>
</html>
3. <head> ~ </head>
의미: html 안에 크게 두 가지로 나눠지는데요. 그 중 하나의 등분이 head 부분입니다. head 부분은 Meta tag를 사용하여, 페이지에 대한 정보(SEO)를 작성하는 부분입니다.
사용법: <head> = 시작할 때, </head> = 끝날 때
<!DOCTYPE html>
<html>
<head>
</head>
</html>
4. <body> ~ </body>
의미: 전체적으로 보여지는 페이지 부분입니다. <head>와 다르게 페이지의 내용을 보여줄 수 있는 뼈대같은 공간입니다.
사용법: <body> = 시작할 때, </body> = 끝날 때
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
오늘 첫 수업은 'html 기본 태그'를 사용하는 방법을 알아보는 시간이었습니다!
'프로그래밍 > HTML' 카테고리의 다른 글
| 6강 - 단락 태그 (p tag) (0) | 2019.02.26 |
|---|---|
| 5강 - 굵은 글씨 태그 (strong tag) (0) | 2019.02.25 |
| 4강 - 제목 태그 (h1, h2, h3, h4, h5, h6) (0) | 2019.02.22 |
| 제 3강 - 메타 태그(meta tag) 종류 & 의미 (0) | 2019.02.20 |
| 제 2강 - 메타 태그 (meta tag) 기본 (0) | 2019.02.19 |