<head>태그 안에는
문서의 정보를 나타내는 범위
구체적으로는 웹 브라우저가 해석해야 할
웹 페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS) 같은
웹페이지의 보이지 않는 정보를 작성하는 범위
head안에 들어가는 정보들
1.meta
<meta charset = ‘UTF-8’ />
# 제작자는 HEROPY라는 의미
<meta name = ‘author’ content = ‘HEROPY’ />
# 브라우저에서 보이는 화면중 가장 큰 화면을 viewport라고 부르고,
# 이에 대한 설정으로는 content에 들어가는 값으로 확인이 가능하다.
<meta name = ‘viewport’ content = ‘width=device-width, initial-scale=
요소
시작하는 태그와 마침을 찍는 태그 안에 들어있는 모든 것들
# 외부 문서(파일)을 가져올 때 사용 됨
# 가져올 문서와의 관계 = stylesheet 자리
# 가져올 문서의 경로 = ./main.css 자리
<link rel=‘stylesheet’ href=‘./main.css’ />
<link rel=‘icon’ href=‘./favicon.png’>
3.style
<style>
div {
color: red;
}
</style>
4.script
# 자바스크립트 파일을 가져오는 경우 src
<script src=‘./main.js’></script>
# 자바스크립트를 html문서 안에서 작성하는 경우
<script>
console.log(‘hello world!’)
</script>
5.title
#웹브라우저 탭부분에서 출력되는 이름을 설정
<title>Naver</title>
'Web > Html' 카테고리의 다른 글
| html 기본이자 기초 태그 2 div, span, img, a (0) | 2022.09.27 |
|---|---|
| html 기본이자 기초 태그 1 list (ol, ul, li) (0) | 2022.09.27 |
| html 기초3 body태그 안에 들어가는 '구조태그' (0) | 2022.09.05 |
| html 기초1 글자와 상자 inline, block요소 (0) | 2022.09.05 |
| html, beautifulsoup, selenium 웹스크래핑(크롤링)시에 유용한 태그 가져오기 원리 (0) | 2022.06.24 |