프론트 엔드/HTML

[HTML] HTML - 3.HTML 기본 구조

Koras02 2022. 12. 29. 23:00

HTML 기본 구조

이번 시간에는 HTML의 기본 구조에 대해 알아보도록 하겠습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
  <title>HTML의 제목을 담당하는 역할</title>
</head>
<body>
    <h1>제목 크기1</h1>
    <h2>제목 크기2</h2>
    <h3>제목 크기3</h3>
</body>
</html>
  • <!DOCTYPE html> : html의 문서유형을 지정해주는 선언문
  • <html>: HTML 문서의 시작과 끝을 알려주는 태그
  • <head>: HTML 문서의 메타데이터(metadata)를 정의하는 태그 
    - 메타데이터(metadata)는 HTML 문서에 대한 정보(data)로 웹 브라우저에는 그려지지 않는 정보를 의미
    - 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base> 등의 태그들을 사용할 수 있다.
  • <title>: HTML 문서의 제목 title을 뜻하며, 다음과 같은 용도로도 사용된다.
     - 웹 브라우저의 사이트 제목으로도 표시된다.
     - 웹 브라우저의 즐겨찾기(favorites)에 추가될 시 사용되는 제목
     - 검색 엔진의 결과 페이지로도 이 title이 표시 된다. 
  • <body>: HTML 웹 브라우저의 몸통을 담당한다. 즉 브라우저를 통해서 작성한 내용을 보여주는 역할 
  • <h1> ~ <h6>: 브라우저 안에 쓰일 제목(heading)을 나타낸다 
  • <p>: 단락(paragraph)를 나타낸다.

참고 자료

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com