티스토리 뷰

WEB/HTML

[HTML] HTML 기본 형식 (2/3)

퉁이리 2021. 8. 14. 16:40
반응형

 

이전 시간에 우리는 HTML 정의, 기능과 구성요소에 대해 알아봤다.

 

[WEB] HTML이란? (1)

HTML 정의 HTML은 Hyper Text Markup Language의 약자로 웹페이지를 만들기 위한 언어이다. HTML 기능 웹페이지에서 다른 페이지로 이동할 수 있게 해주는 기능을 한다. 웹페이지란? 웹페이지는 월드 와이드

tooo1.tistory.com

HTML은 다양한 구성 요소로 이루어져 있고, 그 요소를 태그로 표현한다.

 

오늘은 HTML의 기초, 기본 구성과 그 기본 구성의 요소인 태그에 대해 알아보자

 


HTML의 기본 구성(기본 형식)

HTML 기본 형식

 

위는 HTML의 기본적인 형식이다.

이제 기본적인 형식의 구성 요소인 태그를 하나씩 알아보자.

 


HTML의 기초 태그

 

<!DOCTYPE html>

  • 어떤 문서 유형인지 선언하는 부분(페이지 상단에 한 번만 선언)
  • 그 바로 아래 <html> 태그 이전에 선언해야 한다.

◆ <html> ~ </html>

  • 모든 태그 최상단에 위치 (루트 요소)
  • 문서의 시작과 끝을 의미하는 태그
  • html을 사용한 문서라는 걸 나타낸다.

◆ <head> ~ </head>

  • HTML 문서에 관한 기본 정보를 가진다.
  • 브라우저 화면에는 보이지 않는다.
  • 문서 서문의 시작과 끝을 의미하는 태그

◆ <title> ~ </title>

  • 문서의 제목을 나타내는 태그
  • 브라우저 상단에 나타난다.

◆ <meta charset="UTF-8">

  • head 하위 태그 (단일 태그)
  • 문서의 인코딩 등을 정의한다.
  • 해당 문서는 UTF-8로 정의

<body> ~ </body>

  • HTML 본문
  • 브라우저에 표시

 


위 태그들은 HTML의 기본 태그들이다.

꼭 알고 넘어가자.

 

 

[WEB] HTML이란? (1/3)

[WEB] HTML 기본 형식 (2/3)

[WEB] HTML 자주 사용하는 태그 순위 (3/3)

 

 

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!

 

728x90
반응형
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함