예시 코드

<!DOCTYPE html>
<html lang="ko">
	<head>
    	<title>Learn HTML</title>
    </head>
    <body>
    
    </body>
</html>

<!DOCTYPE>

  • document type이라고도 하며 독타입이라고 부른다.
  • HTML 문서는 1.0 버전으로 시작하여 현재 5버전까지 업데이트 되었다.
  • 각 버전마다 다시 strict, transitional, frameset이라는 구분이 있기 때문에 내가 현재 만드는 HTML 문서가 어떤 버전인지 어떤 유형인지 DOCTYPE에 명시해야한다.
  • <!DOCTYPE html>은 HTML 5버전을 의미

<html>

  • DOCTYPE을 제외하고, 문서의 가장 최상위 태그이며, <head>, <body>를 포함한다.

<head>

  • html의 자식 태그
  • 실제 브라우저에는 표현되지 않으며 문서에 대한 다양한 정보를 포함
  • 다른 형태의 문서를 html 파일에 연결시켜주는 역할

<body>

  • 실제 브라우저에 표현되는 영역

웹페이지 구조

  • <header> : 웹사이트의 머리글 (로고, 네비게이션 포함)
  • <nav> : 내비게이션 바 (메뉴, 링크)
  • <main> : 페이지의 주요 콘텐츠
  • <section> : 특정 주제의 콘텐츠 그룹
  • <article> : 독립적인 콘텐츠 (블로그 글, 뉴스 등)
  • <aside> : 보조 정보 (광고, 추천글, 사이드바 등)
  • <footer> : 페이지 하단 영역 (저작권, 연락처, 링크 등)

'🌠Development > html, css' 카테고리의 다른 글

[html] List Tag  (1) 2025.01.31
[html] Font Tag (글꼴 태그, <i> vs <em>, <b> vs <strong> 차이)  (0) 2025.01.31
[html] Emmet  (0) 2025.01.31
[html] 태그 종류  (0) 2025.01.29