[따라하며 배우는 HTML, CSS] 1 - (3) HTML 문서 기본 구조

2023. 8. 21. 23:12·FrontEnd/HTML.CSS

DOCTYPE

  • Doctype은 HTML 문서의 맨 처음에 명시해서 이 문서의 버전을 나타냅니다.
  • 이 Doctype은 반드시 작성해야 하며, 현재 <!DOCTYPE html>은 HTML5 버전임을 나타냅니다.

 

HTML

  • 이 문서가 html로 작성됐음을 브라우저에게 알립니다.
  • 문서의 시작과 끝을 알리는 태그입니다.
  • lang 속성으로 문장의 언어를 설정할 수 있습니다.

 

HEAD

  • 메타 데이터와 타이틀을 넣어주는 곳입니다.
  • 기계가 식별할 수 있는 문서 정보(메타데이터)를 담습니다.
  • 주로 안에 들어가는 것들: 제목, 스크립트, 스타일 시트 등
  • 메타데이터: 웹 페이지에서 직접 보이지는 않지만 페이징 인코딩 방식이나 검색 엔진에 관한 정보 등 많은 설정들을 할 수 있습니다.
  • 타이틀: 브라우저 창 제목에 나타납니다.

 

BODY

  • 주로 브라우저 화면에 보이는 것이 들어갑니다. => 내용.
  • HTML 문서의 이미지, 리스트, 비디오 등과 같은 모든 콘텐츠를 나타내는 데 사용됩니다.
  • HTML 문서에서 단 하나의 <body>만이 존재합니다.

 

LINK: <link>

  • 현재 문서와 외부 리소스의 관계를 명시합니다.
  • css를 연결할 때 제일 많이 사용하지만, 아이콘 연결 등 여러 가지로 쓰일 수 있습니다.

 

STYLE: <style>

  • 문서나 문서 일부에 대한 스타일 정보를 포함합니다.

'FrontEnd > HTML.CSS' 카테고리의 다른 글

[따라하며 배우는 HTML, CSS] 1 - (4) HTML 기본 태그와 역할  (0) 2023.08.22
[따라하며 배우는 HTML, CSS] 1 - (2) 시맨틱 요소/태그  (0) 2023.08.21
[따라하며 배우는 HTML, CSS] 1 - (1) HTML의 개념 및 구성  (0) 2023.08.18
'FrontEnd/HTML.CSS' 카테고리의 다른 글
  • [따라하며 배우는 HTML, CSS] 1 - (4) HTML 기본 태그와 역할
  • [따라하며 배우는 HTML, CSS] 1 - (2) 시맨틱 요소/태그
  • [따라하며 배우는 HTML, CSS] 1 - (1) HTML의 개념 및 구성
gwee_99
gwee_99
bE bETTER!
  • gwee_99
    얼렁이와 뚱땅이
    gwee_99
  • 전체
    오늘
    어제
    • ====Category====
      • Algorithms(CT)
        • Programmers
        • Baekjoon
        • Goorm
      • Web
        • Error 해결
      • BackEnd
        • Spring
        • JPA
      • FrontEnd
        • HTML.CSS
        • JavaScript
      • Language
        • Java
      • Cloud
      • CSTS
      • Books
        • IT 5분 잡학사전
      • 일상
  • 블로그 메뉴

    • 홈
    • 방명록
    • 글쓰기
    • 관리
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    DP
    LV.2
    개발자북클럽
    노마드코더
    IT 잡학사전
    LV.3
    코딩테스트
    구름
    DFS
    Til
    스택
    java
    BOJ
    자바
    호텔 대실
    프로그래머스
    따라하며 배우는 html css
    인프런
    존안님
    구름톤 챌린지
    HTML
    제대로 파는 자바스크립트
    Greedy
    lv.4
    백준
    Lv.1
    BFS
    그리디
    IT 5분 잡학사전
    lv2
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
gwee_99
[따라하며 배우는 HTML, CSS] 1 - (3) HTML 문서 기본 구조
상단으로

티스토리툴바