[ HTML ] 문서 기본 구조

from.k·2023년 7월 12일
0

HTML - CSS

목록 보기
3/10
post-thumbnail
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>    
</html>

<body>

</body>
</html>

  1. <!DOCTYPE html>
  • HTML 문서 맨 처음에 반드시 명시해 이 문서의 버전 나타냄
  1. <html>
  • 이 문서가 html로 작성됐음을 브라우저에게 알림
  • 문서의 시작과 끝을 알리는 태그
  • lang 속성으로 문서의 언어 설정 가능
  1. <head>
  • 메타 데이터와 타이틀을 넣어주는 곳
  • 메타 데이터는 웹 페이지에서 직접적으로 보이지 않지만 페이지 인코딩 방식이나 검색 엔진에 관한 정보 등 많은 설정할 수 있음
  • 타이틀은 브라우저 창 제목에 나타남
  1. <Body>
  • 주로 브라우저 화면에 보이는 부분에 해당
  • HTML 문서의 이미지, 리스트, 비디오 등과 같은 모든 콘텐츠를 나타내는데 사용
  • HTML 문서에서 단 하나의 <body>만 존재
  1. <link>
  • 현재 문서와 외부 리소스의 관계 명시
  1. <meta>
  • base, link, script, style, title과 같은 다른 메타 관련 요소로 나타낼 수 없는 Metadata를 나타냄
  1. <style>
  • 문서나 문서 일부에 대한 스타일 정보 포함
  1. <title>
  • 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목 정의




📒 John Ahn - <따라하며 배우는 HTML, CSS> https://inf.run/MzQn

0개의 댓글