웹 개발/HTML

[HTML] <head>태그와 <body>태그

코딩하는흑구 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