CoDream

HTML 문서 주요 섹션 [HEAD 영역, BODY 영역] 본문

HTML-CSS/HTML-CSS 이론

HTML 문서 주요 섹션 [HEAD 영역, BODY 영역]

코잠 2024. 4. 8. 09:45
728x90
반응형

HTML 문서 주요 섹션

 

일반적으로 두 가지 주요 섹션으로 나뉩니다. HEAD 영역과 BODY 영역.

HTML 문서 주요 섹션

 

 

HEAD 영역

 

HTML 문서의 메타데이터(metadata)를 포함합니다.

브라우저에게 문서의 제목, 문자 인코딩, 스타일 시트 및 스크립트 파일의 링크, 뷰포트 설정 등을 제공합니다.

사용자에게 보이지 않고, 브라우저가 문서를 처리하는 데 필요한 정보를 포함합니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>문서 제목</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js"></script>
</head>

 

 

 BODY 영역

 

실제 콘텐츠를 포함합니다. 사용자가 웹 페이지에서 볼 수 있는 모든 것이 여기에 포함됩니다.

텍스트, 이미지, 동영상, 링크, 버튼 등의 요소들이 BODY 영역에 포함됩니다.

사용자가 브라우저를 통해 보는 모든 내용이 여기에 위치합니다.

<body>
    <h1>여기는 제목입니다</h1>
    <p>여기는 본문 내용입니다.</p>
    <img src="image.jpg" alt="이미지 설명">
    <a href="https://www.example.com">링크 텍스트</a>
    <!-- 기타 요소들 -->
</body>
728x90
반응형

'HTML-CSS > HTML-CSS 이론' 카테고리의 다른 글

<div> 태그 - 역할, 사용하는 이유?  (1) 2024.04.11
GUI - GUI 주요 구성 요소  (0) 2024.04.11
DNS - DNS 주요 기능  (0) 2024.04.11
폼에서 사용하는 태그, input 태그의 유형, 속성  (0) 2024.04.09
HTML 요소(element) - 블록(block), 인라인(inline)  (0) 2024.04.09
'HTML-CSS/HTML-CSS 이론' Related Articles more