html 태그는 모든 HTML요소의 부모요소이다.
head요소는 메타데이터를 포함하기 위한 요소이다.
메타데이터는 title , style , link , script 등 화면에 표시되지 않는다
title 태그는 문서의 제목을 정의한다.
이 제목은 브라우저의 탭에 표시된다
velog라는 글씨가 title태그로 마크업 된 부분이다(옆의 아이콘은 favicon이라고 한다)
style태그는 html문서에서 css 문법을 사용할 수 있게 해준다
css를 html문서에 적용하는 3가지 방법중 1가지이다.
link 태그는 외부 파일의 연결정보를 정의한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>문서 제목</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</body>
</html>
script 태그는 html문서 상에서 javascript문법을 사용가능하게 해준다
src
속성을 이용하면 외부 javascript파일을 연결할 수 있다.
meta 태그는 description , author, keywords 등 메타데이터 정의에 사용된다. 메타데이터는 브라우저나 검색엔진 등에 의해 사용된다.
<meta name="keywords" content="HTML, CSS">
검색엔진이 사용할 keywords를 정의한다.
<meta name="description" content="HTML 공부중!">
웹페이지의 설명을 정의한다.
<meta http-equiv="refresh" content="30">
웹페이지를 30초마다 새로고침한다.
body 태그는 HTML문서의 내용을 나타낸다. 웹페이지를 구성하는 대부분의 요소가 body태그 내부에 사용된다.