<title>

html 문서의 제목(title)을 정의

<link>

외부 문서를 가져와 연결할 때 사용(대부분 CSS파일)

• 속성 rel은 relationship(관계)의 약어이다
• rel의 icon(대표 아이콘) 값은 favicon을 말한다. (favicon은 favorite icon의 줄임말이다.)

<link rel="stylesheet" href="./main.css"/>
<link rel="icon" href="./favicon.png">

<style>

스타일(CSS)를 HTML 문서 안에서 작성하는 경우에 사용

<style>
	div {
		color: red;
	}
</style>

<script>

자바스크립트를 사용하는 방식은 아래 두 가지 방식이 있는데, 두 가지 방식의 차이점은 src 속성의 사용 여부에 따라 나뉘어진다.

1. 자바스크립트(JS) 파일을 가져오는 경우
<script **src=**"./main.js"></script>

2. 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우
<script>
	console.log('Hello world!')
</script>

<meta>

<meta />는 HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은, 여러 정보를 검색엔진이나 브라우저에게 제공.

name 속성은 정보의 종류(key), content는 정보의 값(value) 이라고 할 수 있다.

<meta name="author" content="HEROPY" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

name="viewport"

모바일에서 웹 페이지의 가로 너비를 모바일 환경의 가로 너비와 일치 시키거나, 웹 사이트가 처음 출력될 때 확대/축소 여부나 정도를 어떻게 결정하겠다 등 몇 가지 정보를 META 태그로 명시하는 개념이 name="viewport"이다. 즉,

<meta name="viewport" content="width=device-width, initial-scale=1.0" />