Hyper Text Markup Language (하이퍼 텍스트 문서를 기술하는 언어)
간단하게 말하면 웹페이지를 만드는 마크업 언어
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://webisfree.com/test/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
1.<!DOCTYPE html>
DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 유형을 지정하는 선언문으로 현재 문서가 HTML5 문서임을 명시한다.
웹 브라우저가 우리에게 제공할 html문서를 어떤 html버전의 해석 방식으로 구조화하면 되는지를 알려줌
html은 크게 1,2,3,4,X-,5 버전이 있는데 현재 표준은 HTML5 버전
2.<html>
HTML 문서의 최상위 root
<html></html>
사이에 크게 <head>
태그와 <body>
태그가 포함되어 있음
3.<head>
HTML 문서의 메타데이터(html문서에 대한 정보로 웹브라우저에는 직접적으로 표현되지 않는 정보)를 정의
웹 페이지를 구조화하기 위한 기본 세팅 값들을 말함
대표적으로 올 수 있는 태그들은
<style>
: html 문서내에 작성되는 css 스타일
<script>
: html 문서에서 js를 불러우거나 작성하기 위해 사용
<link>
: 다른 Javascript나 css파일을 참조
<meta>
: html 문서에 관한 정보를 검색엔진이나 브라우저에 제공
<title>
: 웹 브라우저의 각 사이트 탭에서 이름과 favicon을 표시
<base>
: html 문서안의 기준이 되는 절대경로를 지정할때 사용
4.<body>
웹 브라우저가 해석해야 할 html문서의 구조 범위를 지정,
웹 브라우저에 보이는 내용 부분
5.<title>
HTML 문서의 제목을 정의
검색엔진의 결과 페이지에 제목, 웹 브라우저의 툴바에 표시
웹 브라우저의 즐겨찾기에 추가할 때 즐겨찾기의 제목이 된다