[HTML] <head>태그와 <body>태그
- 웹 개발/HTML
- 2019. 3. 23. 13:10
head 태그와 body 태그
<head>태그
- 문서 내부정보 관리 용도
<head>의 자식 태그
1. <meta>
a. 페이지와 관련된 여러가지 정보를 기술한다.
<meta charset = "UTF-8"> - 인코딩 정보
<meta name = "author" content ="홍길동"> - 작성자 정보
<meta name = "keywords" content ="HTML,수업예제,이클립스,태그,속성,PCDATA">
<meta name = "description" content ="HTML 수업예제입니다.">
<meta name = "generator" content ="Eclipse Photon">
<meta http-equiv ="refresh" content = "10;ex04.htm"> 10초 후 ex04.htm 페이지로 새로고침 후 페이지 이동.
2. <title>
a. 문서의 제목(제목 표시줄에 출력된다.)
b. PCDATA만 올 수 있다.
c. 검색 엔진 수집 대상
d. 검색 사이트 결과 제목으로 사용(Google)
e. 즐겨찾기의 제목(북마크 제목)
ex) <title>제목을 입력하세요.</title>
<body>태그
- 화면의 모든 출력 내용을 가지는 컨테이너
- 혼합형(자식 태그 & 문자열)
- 클라이언트 영역(개발자가 내용을 출력할 수 있는 영역)
a. bgcolor : 배경색
b. background : 배경 이미지
배경에 색상 - <body bgcolor = "#000000">
배경에 이미지 - <body background ="fffd.jpg">
HTML의 색상(상수) 표현법
1. 색상명
- Named Color
- Well-known Color
- 미리 약속된 몇가지 색상만 가능(Green, Red, Blue, Black, White etc..)
2. RGB
- Red + Green + Blue 를 조합
- 각 색상의 단계 : 256단계 ( 0~ 255, 00 ~ FF)
- 256 X 256 X 256 = 16,777,216
- 000 000 000 : 검은색 ~ 255 255 255 : 흰색
- 00 00 00 ~ FF FF FF
- 255000000(X)
- FF0000(O)
- #FF0000
'웹 개발 > HTML' 카테고리의 다른 글
| [HTML] a태그이동, javascript:void(0)? (0) | 2019.03.29 |
|---|---|
| [HTML] 목록 태그 (ol, ul, dl, li) (0) | 2019.03.27 |
| [HTML] 서식태그의 종류 (2) | 2019.03.24 |
| [HTML] p태그, 제목태그(h1~h6), hr태그(수평선태그) (0) | 2019.03.23 |
| [HTML] HTML 구성요소 및 기본적인 정보와 키워드 (1) | 2019.03.20 |