[HTML] <head> 태그
by 캐떠린head태그
<head> </head>- 문서의 머리말 역할
- 브라우저가 보는 정보
- 브라우저에게 전달할 내용을 작성
- 내부 정보
head 태그 내부에 넣을 수 있는 태그 종류(자식 태그)
1. <meta>
- 웹 페이지에 추가 정보 전달
- 페이지에 대한 여러가지 정보를 기술
<head>
<meta charset="UTF-8"> <!-- "브라우저야 이 문서를 UTF-8로 읽으렴" -->
<meta name="author" content="홍길동"><!-- 작성한 개발자 -->
<meta name="generator" content="Eclipse 2022.03"><!-- 개발 도구 -->
<meta name="keywords" content="HTML,head태그,수업예제"><!-- 키워드 -->
<meta name="description" content="HTML 수업예제입니다."><!-- 설명 -->
</head>
2. <title></title>
- 문서 제목(페이지 제목 지정)
- 제목 표시줄(탭)
- 문서의 제목으로 사용
- 검색 엔진의 수집 대상 + 검색 결과의 제목으로 사용
- 북마크 제목으로 사용
<head>
<title>head 태그에 대해 알아보자.</title>
</head>
3. <script></script>
- 웹 페이지에 스크립트 추가
<head>
<script src="ex02.js"></script>
</head>
4. <link></link>
- 웹 페이지에 다른 파일 추가
<head>
<link rel="stylesheet" href="./ex02.css">
</head>
5. <style></style>
- 웹 페이지에 스타일시트 추가
<head>
<style>
#tbl1 td {color:blue;}
.tbl2 td {color:red;}
</style>
</head>
6. <base>
- 웹 페이지의 기본 경로 지정
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
검색 사이트 종류
1. 디렉토리 서비스
- http://yahoo.com
2. 키워드 검색 서비스
- http://altavista.com, 심마니, 엠파스
- http://google.com
- 검색봇(Bot) → 프로그램 → 웹서핑 → 정보 수집 + URL → DB 저장
*글 작성에 참고한 내용: 학원 쌤의 열정적인 수업
'HTML' 카테고리의 다른 글
| [HTML] Create a Dynamic Web Project :: 개발 환경 Setting 2탄(server 생성) (0) | 2024.03.20 |
|---|---|
| [HTML] <body> 태그, HTML 색상 표현 방법 (0) | 2024.03.20 |
| [HTML] HTML 언어의 구성 요소 (0) | 2024.03.20 |
| [HTML] 공백문자, 특수문자 :: HTML의 공백 문자 처리 방법 및 특수문자 표기법 (0) | 2024.03.20 |
| [HTML] HTML 페이지의 구조 및 태그 알아보기 (0) | 2024.03.20 |
블로그의 정보
All of My Records
캐떠린