HTML level.2

wanseung2·2020년 12월 2일
2

HTML level-up

목록 보기
2/2

HTML 문서의 범위와 정보

1. HTML 구성

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
  • 위의 코드는 html의 기본 구성이라고 할 수 있다.
  • 이번 시간에는 각각의 구성 요소들에 대해 알아보겠다.

2. < html>, < head>, < body>

  • < html>

    html 문서 전체 범위 즉, 웹 브라우저가 해석해야 할 문서의
    시작과 끝을 알려주는 역할을 합니다.

  • < head>

    웹 브라우저가 해석해야 할 html 문서의 정보 범위를 지정하며
    여기서 문서의 정보는 웹 페이지의 제목, 웹 페이지의 문자,
    인코딩 방식, 연결할 외부 파일의 위치, 웹페이지를 구조화하기
    위한 기본 세팅 값을 말합니다.

  • < body>

    웹 브라우저가 해석해야 할 html 문서의 구조 범위로서 일반적으로
    사용자가 화면을 통해 볼 수 있는 내용의 형태나 레이아웃 등을 말하며,
    메뉴, 버튼, 입력창, 팝업, 광고 등 사용자가 일반적으로 보이는 모든
    것들이 구조에 해당됩니다. 이러한 구조는 < body>태그 범위 안에서만
    생성합니다.


profile
"나는 내 노력을 드러내려고 하지 않았고, 그저 내 그림들이 봄날의 밝은 즐거움을 담고 있었으면 했다. 내가 얼마나 노력했는지 아무도 모르게 말이다." - 앙리 마티스

1개의 댓글

comment-user-thumbnail
2020년 12월 3일

승완님 볼 날이 얼마남지 않앗다... 🐒

답글 달기