728x90
※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음.
HTML이란?
HyperText Markup Language의 약자로, 웹페이지의 내용과 뼈대를 정해진 규칙으로 기술하는 마크업 언어이다. 웹페이지를 생성하는 데에 있어 전체적인 구조를 만드는 언어라고 할 수 있다.
HTML은 Tag들의 집합이다.
여기서 Tag란 부등호(<,>)로 묶인 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 |
---|