HyperTextMarkup Language의 약자
웹 페이지의 틀을 만드는 마크업 언어
HTML은 tag들의 집합
구조를 표현한 단어
부등호(<>)로 묶인 HTML의 기본 구성 요소
HTML파일의 구조
// <> ==> 시작 태그(opening tag)
// </> ==> 종료 태그(closing tag)
<!DOCTYPE html> ==> 이 문서가 html 문서임을 명시(html 파일이면 제일 상단에 위치해야하는 선언문)
<html> ==> html 시작 태그로, 문서 전체의 틀을 구성
<head> ==> head 태그는 문서의 메타데이터를 선언
<title>...</title> ==> 문서의 제목, 브라우저의 탭에 보여짐
</head>
<body> ==> body 태그는 문서의 내용을 담는 곳
<h1>...</h1> ==> heading을 의미하며, 크기에 따라 h1 ~ h6까지 있음
<div>...
<span>...</span>
</div>
</body>
</html>
content division을 의미하며, 줄바꿈이 됨
div 태그는 한 줄을 차지한다
span 태그는 컨텐츠 크기만큼 공간을 차지한다
줄바꿈이 없는 content 컨테이너
이미지 삽입하는 태그
<img src="https://i.imgur.com/JVAj4t0.jpg"/>
self-closing tag이며 바로 닫을 수 있다
링크 삽입하는 태그
<a href="thhps://google.com" target="_blank">구글</a>
img와 마찬가지로 self-closing tag 이다
_blank 는 새창으로 열기 기능
리스트 기능의 태그
<ul>
<li>Item 1</li>
<li>Item 2</li>
<;i>Item 3 has nesred list
<ul>
<li>Item 3-1</li>
</ul>
</li>
</ul>