본문 바로가기
[FrontEnd]/HTML

HTML이란?

by 팡펑퐁 2022. 8. 23.
728x90

※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음.

 

HTML이란?

 HyperText Markup Language의 약자로, 웹페이지의 내용과 뼈대를 정해진 규칙으로 기술하는 마크업 언어이다. 웹페이지를 생성하는 데에 있어 전체적인 구조를 만드는 언어라고 할 수 있다.

 

HTML의 요소

HTML은 Tag들의 집합이다.
여기서 Tag란 부등호(<,>)로 묶인 HTML의 기본 구성 요소이다.

 

 

 

HTML 기본 문법으로 만든 웹사이트 '스즈몰'

 

<!DOCTYPE html> <!--문서유형-->
<html> <!--html 태그의 시작-->
    <head> <!--head 태그의 시작-->
        <title>suzumall</title> <!--title 태그-->
    </head> <!--</head>는 head 태그의 끝맺음을 의미-->
    <body> <!--body 태그의 시작-->
        <h1>Welcome to Suzumall!!!</h1> <!--heading을 의미-->
        <div>
            This is suzumall. thank you :) <!--content division-->
        </div> <!--div 태그를 끝맺음-->
    </body> <!--body 태그를 끝맺음-->
</html> <!--html 태그를 끝맺음-->

 

웹사이트 스즈몰의 HTML 코드

 

점점 뻗어나가는 트리구조임을 확인할 수 있다.

 

 위의 예시를 보면 알 수 있듯이 html은 기본적으로 트리구조(Tree Structure)로 되어있으며, 대부분의 태그는 <태그 내용>, </태그 내용>과 같이 열고 닫아야 한다.

 

<img src="suzuworld-logo,png"/>

 

 그러나 위의 경우처럼 태그 사이에 내용이 없는 경우에는(<img></img>), SELF-CLOSING TAG라고 하여 '/>'로 쓰거나, '>'로 쓸 수 있다.

728x90

'[FrontEnd] > HTML' 카테고리의 다른 글

HTML의 코드를 보며 기본 구조와 태그를 알아보자.  (0) 2022.08.23