각종 태그 사용법

= Meta 태그 사용법 =

== 검색 엔진을 위한 메타 태그 ==

* 메타 태그 형식
{{{
<META NAME="태그이름" CONTENT="태그내용">
}}}

* 태그 종류
||'''이 름'''||'''설 명'''||
|| Subject     || 주 제 ||
|| Title       || 제 목 ||
|| Author      || 만든 사람 ||
|| Email       || 만든 사람 E-Mail 주소 ||
|| Publisher   || 만든 곳 ( 기업이나 단체, 조직 등 ) ||
|| Other Agent || 웹 책임자 / 관리자 ||
|| Date        || 만든 날짜 ||
|| Description || 페이지에 대한 설명 ||
|| keywords    || 검색 키워드 ||


* 태그 예
{{{
<META NAME="Subject"     CONTENT="">
<META NAME="Title"       CONTENT="">
<META NAME="Author"      CONTENT="">
<META NAME="Email"       CONTENT="">
<META NAME="Publisher"   CONTENT="">
<META NAME="Other Agent" CONTENT="">
<META NAME="Date"        CONTENT="">
<META NAME="Description" CONTENT="">
<META NAME="keywords"    CONTENT="">
}}}

== 웹 페이지 효과를 위한 메타 태그 ==

* 메타 태그 형식
{{{
<META HTTP-EQUIV="태그이름" CONTENT="태그내용">
}}}

* 태그 종류
||'''이 름'''||'''설 명'''||
|| Refresh    || 다른 페이지로 전환 ( 이동 ) ||
|| Page-Enter || 페이지로 들어갈때 효과 ||
|| Page-Exit  || 페이지를 떠날때 효과 ||


* 태그 효과 사용법
{{{
<META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=시간,Transition=효과번호)">
}}}
  * Transition - 화면 전환 효과 번호
  * Duration - 효과가 실행되는 시간


* 태그 효과 종류
||'''효과 번호'''||'''설 명'''||'''효과 번호'''||'''설 명'''||
|| 0  || 가운데로 모으기 ( 박스 ) || 12 || 흩어 뿌리기 ||
|| 1  || 밖으로 펼치기 ( 박스 ) || 13 || 수직 안쪽으로 나누기 ||
|| 2  || 가운데로 모으기 ( 원 ) || 14 || 수직 바깥쪽으로 나누기 ||
|| 3  || 밖으로 펼치기 ( 원 ) || 15 || 수평 안쪽으로 나누기 ||
|| 4  || 위로 닦아내기 || 16 || 수평 바깥쪽으로 나누기 ||
|| 5  || 아래로 닦아내기 || 17 || 계단 모양 왼쪽 아래로 ||
|| 6  || 오른쪽으로 닦아내기 || 18 || 계단 모양 왼쪽 위로 ||
|| 7  || 왼쪽으로 닦아내기 || 19 || 계단 모양 오른쪽 아래로 ||
|| 8  || 세로 블라인드 || 20 || 계단 모양 오른쪽 위로 ||
|| 9  || 가로 블라인드 || 21 || 가로 실선 무늬 ||
|| 10 || 가로 체크 무늬 || 22 || 세로 실선 무늬 ||
|| 11 || 세로 체크 무늬 || 23 || 순서없이 전환 ||


* 태그 예
{{{
<META HTTP-EQUIV="Refresh"    CONTENT="20; URL=http://kr.yahoo.com">
<META HTTP-EQUIV="Page-Enter" CONTENT="blendTrans(Duration=0.5)">
<META HTTP-EQUIV="Page-Exit"  CONTENT="blendTrans(Duration=0.5)">
}}}


= CSS Tips =

== 배경에 이미지를 넣고 싶을때 ==

글 아래에 이미지를 넣고 싶을때 CSS 코드에 다음과 같이 추가한다.

{{{
background-image: url("back.jpg"); // 이미지 주소
background-repeat: no-repeat; // 반복하지 않고 한번만 출력
background-position: 50% 50%; // 이미지 위치
}}}

{{{참고>}}} http://www.trio.co.kr/webrefer/css2/colors.html#background-properties