[HTML] 문서의 기본 구조

HYEJIN·2022년 7월 3일
0

front-end 웹기초

목록 보기
2/7
<!DOCTYPE html>  <!--HTML 문서 선언-->
<html>           <!--HTML 문서의 시작과 끝-->
<head>
    <meta charset="UTF-8">  <!--문자 코드-->
    <title>Document</title> <!--웹사이트 제목-->
</head>
<body>  <!--웹사이트 내용-->
    
</body>
</html>

<!DOCTYPE html>

  • 선언된 페이지의 HTML 버전을 웹 브라우저에 알려주는 역할
  • HTML5라는 신조어로 문서를 선언하는 태그

<html>…</html>

  • HTML 문서의 시작과 끝을 의미
  • 모든 태그들은 html 태그 안에 입력

<head>…</head>

  • 웹브라우저가 웹문서를 해석하기 위해 필요한 정보들을 입력
  • 여기에 있는 정보는 실제 문서 내용이 아니기 때문에 문서 제목만 브라우저 창에 표시되고 나머지는 웹사이트에서 노출되지 않는 정보
  • style 및 script가 포함되기도 한다.

<body>…</body>

  • 사용자가 웹사이트에서 눈에 보이는 정보를 담는 영역
    이미지나 텍스트처럼 출력되는 정보

<meta charset=”UTF-8”>

  • character setting의 약자를 나타내는 문자코드
  • 모든 문자를 웹 브라우저에서 깨짐없이 표시하겠다는 의미

title

  • 웹사이트 탭에 나타나는 제목을 적는 태그

0개의 댓글