프로그래밍 언어/Html

HTML과 기본 구조

Cocori_ 2024. 7. 15. 22:02

HTML이란? 

 

Hypertext Markup Lanaguage의 줄임말로 웹 컨텐츠의 의미와 구조를 정의할 때 사용한다.

 

여기서 Hypertext는 HTML: Hypertext Markup Language | MDN (mozilla.org) 와 같이

웹페이지를 다른 페이지로 연결하는 링크 말하며, 웹의 근본적인 속성인 링크를 통해 다른 사람이 만든 페이지로 연결할 수 있다.

 

HTML은 컨텐츠를 표시하기 위해 마크업을 사용한다.

HTML에서 사용되는 마크업에는 다양한 요소가 존재하는데, 

<head>, <body> 등 다양한 종류가 존재한다.

 

HTML의 기본 구조

 

HTML은 기본적으로 head와 body로 나뉜다. 둘의 차이점을 간단하게 표현하자면,

 

Head는 웹 브라우저 화면에 표시되지 않는 내용을 담고 있지만,

Body는 웹 브라우저 화면에 표시될 내용을 담고 있다.

 

디테일하게 나아가

Head는 Title을 수정하거나, Body태그 내용에 옵션을 추가하는 웹페이지의 품질에 영향을 주는 정보를 담고 있다.

Body는 Text, Image, 미디어 요소 등 콘텐츠를 추가하여 웹페이지를 풍성하게 꾸밀 수 있다.

 

 

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Test</title>

    <style>
        .myBody {
            /* Body내 텍스트를 빨간색으로 변경 */
            color: red;
        }
    </style>
</head>

<body class="myBody">
    Body입니다.
</body>

</html>

[ 실행 화면 ]