본문 바로가기
제로베이스 프론트엔드 스쿨 23기/[사전학습]

(기초) HTML 이란? (구성과 특성)

by 저여저 2023. 12. 13.

HTML : HyperText Markup Language

개발자가 사용자(유저)에게 보여주고 싶은 컨텐츠를

브라우저가 읽을 수 있도록 만들어 놓은 문서이다.

 

사용자 (유저)

브라우저 ( 크럼, 웨일, 등등)

 

 


 

 

ㅡ 구성 ( tag ,컨텐츠, 주석 등 )

<!DOCTYPE html>
<!-- 브라우저에 html 태그 선언-->
<html lang="ko"> <!-- 파일 언어  태그들의 집합-->
    <head>
        <!-- Body태그를 읽기 이전에 알아야 할 정보
            해당 HTML 파일의 기본적인 정보 -->
    </head>

    <body>
        <!-- 사용자에게 보여주고 싶은 컨텐츠 -->

        <p> tag를 열고 닫아서 컨텐츠를 입력</p>

        <img src="" alt=""> <!-- img 처럼 /닫는 태그 없는 것도 있음. -->

    </body>
</html>

 

ㅡ 특성

tag들은 계층적으로 이루어져 있다! ( 부모 > 자식 관계  등)

부모태그 닫기 전에 자식태그를 작성해야함.

 

 

 

 


 

 

ㅡ비주얼코드 에서 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>