<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>
'개발일지 > 임시카테고리' 카테고리의 다른 글
| css 기초1 기본 선택자 (html에 작성된 것중 어떤것에 css 속성을 입히는지) (0) | 2022.09.05 |
|---|---|
| html 기초3 body태그 안에 들어가는 '구조태그' (0) | 2022.09.05 |
| html 기초1 글자와 상자 inline, block요소 (0) | 2022.09.05 |
| linux 기초3 디렉토리 경로 이동, 정보, 목록 확인 (0) | 2022.09.05 |
| lunux 기초2 메뉴얼 확인, 검색 (0) | 2022.09.05 |