테그종합편

★ 이거 보시고 이쁜작품에 활용해주세요 ^^ ★

그림자 글씨

오렌지색 그림 자 글씨
오렌지색 그림자 글씨

보라색 그림자 글씨
보라색 그림자 글씨

빨간색 그림자 글씨
빨간색 그림자 글씨

핑크색 그림자 글씨
핑크색 그림자 글씨

녹색 그림자 글씨
녹색 그림자 글씨

파 스텔 글씨

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=red, strength=8)">너랑나랑

너랑나랑

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=blue, strength=8)">너랑나랑

너랑나랑

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=pink, strength=8)">너랑나랑

너랑나랑

숨박꼭질
숨박꼭질

숨박꼭질
숨박꼭질

바탕글씨 예제

녹색 바탕
녹색 바탕

빨간 바탕
빨간 바탕

글씨체 및 색상예제

예쁜핑크

예쁜빨강

예쁜파랑

예쁜오렌지

투명한녹색

예쁜보라

연한 파란색

연한녹색

예쁜은색

예쁜녹색

marquee태그

기본속성들 scrollamount 빠르기지정.(숫자가 높을수록 빨라집니다) scrolldelay 흔들리는 속성 direction 방향설정(left,right,up,down) loop 숫자지정(예:loop="3" 을 지정할경우 3번 실행) width 가로지정 height 높이지정

< marquee> 초간편마퀴</marquee>

초간편마퀴

마퀴의 사이즈 조정< marquee width="가로" height="세로">
마퀴의 스크롤방향 지정
<marquee direction="스크롤방향">

<marquee direction="right">오른쪽으로 움직임

오른쪽으로 움직임

<marquee direction="left">왼쪽으로 움직임

왼쪽으로 움직임

<marquee behavior="alternate">좌우로 움직임

좌우로 움직임

<marquee behavior="alternate" scrollamount="1000">좌우로 빠 르게

좌우로 빠르게

<marquee direction="up" scrolldelay="200">위로 올라감

위로 올라감

<marquee direction="down" scrolldelay="200">아래로 내려감

아래로 내려감

<marquee behavior="alternate" direction="up">두개이상 적용

두개이상 적용

<marquee behavior=alternate width=30>@^.^@) 도리도리~~깍꿍!

(

@^.^@

) 도리도리~~깍꿍!

<marquee direction=up height=40 behavior=alternate>)점프!점 프!에구에구~힘뎌~@

점프!점프!에구에구~힘뎌~@)

< marquee> WELCOME to 시티~!클럽☆＊＊＊< /marquee>

WELCOME to 시티~!클럽☆＊＊＊

< MARQUEE behavior="alternate"> WELCOME to 시티~!클럽☆＊＊＊</marquee>

WELCOME to 시티~!클럽☆＊＊＊

<MARQUEE scrollAmount="1">WELCOME to 시티~!클럽☆＊＊＊< /marquee> 천천히

WELCOME to 시티~!클럽☆＊＊＊

< MARQUEE scrollDelay="500">WELCOME to 시티~!클럽☆＊＊＊ < /marquee> 기계처럼

WELCOME to 시티~!클럽☆＊＊＊

< marquee> ″＼@_ < /marquee> 달팽 이

″＼@_

<marquee width="300">←♡--< {> </marquee> 활쏘기

←♡- -<

글자크기 태그
 큰 글자
큰글자
 큰 글자
큰글자
 과수원 길
과수원 길
 과수원 길
과수원 길
 작아요
작아요
 작아요
작아요
 작아요
작아요
엄청 큰 글씨
짱
짱
글씨색상 태그
color는 코드나 영 어로만 기입하세요.
초록
초록
노랑
노랑
 빨강
빨강
 파랑
파랑
주황
주황
분홍
분홍
 노랑
노랑
글자변형 태그

진하게 
진하게

이탤릭체 
이탤릭체

위첨자 
^위첨자

아래첨자 
_아래첨자

밑줄긋기 
밑줄긋기

단락바꿈

단락바꿈 (종료태그 없음)

글자모양 태그

돋움체
돋움체

바탕체
바탕체

굴림체
굴림체

궁서체
궁서체

고딕체
고딕체

선

HTML

<html> HTML 문서의 시작과 끝을 나타냅니다.

HEAD

<head> HTML 문서의 머리말 부분에 해당합니다.

BODY

<body> HTML 문서의 실제적인 내용이 들어가는 부분으 로 본문에 해당하며 화면에 곧바로 나타나게 되는 부분이므로, head 태그가 끝난후에 지정해 줍 니다.

TITLE

<title> HTML 문서의 제목을 나타냅니다.

head 사이에 넣습니다.

배경그림 바꾸기

구름배경을 넣는다면

<!--

body{background-image : url("http://my.dreamwiz.com/titan2k/graphic/bground/cloud-bg.jpg");

background-repeat : repeat ; }

//-->

</style>

배경색상 바꾸기

<body bgcolor="색상명">또는

body{background-color: black; 칼라만 바꾸면 됩니 다.

이미지 태그

이미지에 마우스 대면 내용 나오게 하기
<img src="그림주소"border="0"alt="내용

◈ 글자 모양 관련 태그 ◈
------------------------------
굵은 글자(Bold) [B]...[/B]
이탤릭(Italic) [I]...[/I]
밑줄(Underline) [U]...[/U]
강조(Strikeout) [S]...[/S]
아래첨자(Subscript) [SUB]...[/SUB]
위첨자(Superscript) [SUP]...[/SUP]
타자기 스타일(Typewriter) [TT]...[/TT]
내용표시(Preformatted) [PRE]...[/PRE]
가운데 정렬(Center) [CENTER]...[/CENTER]
깜빡임(Blinking) [BLINK]...[/BLINK]
글자크기(Font Size) [FONT SIZE="글씨크기숫자"]...[/FONT]
기본폰트 크기 정의(Base Font Size) [BASEFONT SIZE="기본폰트크기"]
글자색(Font Color) [FONT COLOR="#6자리색상이름"]...[/FONT]
(#6 은 헥사자리색상이름이고 yellow등 대표적인것은 영어이름으로 정의되있음)

◈ 문서 구분 관련 태그 ◈
------------------------------
문단 나누기(Paragraph) [P]...[/P]
문서 정렬(Align Text) [P ALIGN="LEFT 또는 RIGHT 또는 CENTER"]...[/P]
수평선(Horizontal Paragraph) [HR]
HR 정렬(Alignment) [HR ALIGN="LEFT 또는 RIGHT 또는 CENTER"]
HR 두께(Thickness) [HR SIZE="숫자"]
HR 폭-픽셀(Width) [HR WIDTH="숫자"]
HR 폭-퍼센트(Width Percent) [HR WIDTH="숫자%"]
하일라이트 없는 수평선(Solid Line) [HR NOSHADE]
한줄 띄우기(Line Break) [BR]
띄우기 방지(No Break) [NOBR][NOBR]

◈ 배경 및 색 관련 태그 ◈
---------------------------------
배경 이미지(Tiled Bkground) [BODY BACKGROUND="이미지파일의 URL"]
배경 색깔(Bkground Color) [BODY BGCOLOR="#6자리색상이름"]
문서 전체 글자색(Text Color) [BODY TEXT="#6자리색상이름"]
하이퍼링크 색(Link Color) [BODY LINK="#6자리색상이름"]
방문한 하이퍼링크 색(Visited Link) [BODY VLINK="#6자리색상이름"]
활성화된 하이퍼링크(Active Link) [BODY ALINK="#6자리색상이름"]

◈ 하이퍼링크와 이미지 관련 태그 ◈
-------------------------------------------
하이퍼링크(Link Something) [A HREF="URL"][/A]
책갈피가 있는 경우 [A HREF="URL#책갈피이름"][/A]
타겟창을 지정한 링크 [A HREF="URL" TARGET="타켓창이름"][/A]
(페이지가 프레임으로 나뉘어 있는경우
해당 페이지내애서 어느 프레임인가를 표시)
책갈피 정의(Define Target) [A NAME="책갈피이름"][/A]
이미지 넣기(Display Image) [IMG SRC="이미지파일URL"]
이미지 상하정렬(Alignment) [IMG SRC="URL" ALIGN="TOP 또는 BOTTOM 또는 MIDDLE"]
이미지 좌우정렬(Alignment) [IMG SRC="URL" ALIGN="LEFT 또는 RIGHT 또는 CENTER"]
이미지 대체 문자열(Alternate) [IMG SRC="URL" ALT="대체문자열"]
(그림위로 마우스를 가져가면 alt에 정의된 글씨가 표시된다.
또한 그림이 안보이는 경우(유저가 그림이 안보이게 설정한경우, 그림파일이 삭제된경우...)
그자리에 alt에 정의된 글씨가 나온다.)
이미지 크기 지정(Dimensions) [IMG SRC="URL" WIDTH="넓이" HEIGHT="높이"]
이미지 테두리(Border) [IMG SRC="URL" BORDER="테두리 두께"]
이미지 맵 사용(Imagemap) [IMG SRC="이미지파일" USEMAP="이미지맵이름"]
이미지 맵 이름 정의(Map) [MAP NAME="이미지맵이름"][/MAP]
이미지 맵 정의(Section) [AREA SHAPE="RECT 또는 CIRCLE 또는 POLY" COORDS="이미지맵좌표" HREF="이동할URL" 또는
NOHREF]

◈ 리스트 관련 태그 ◈
---------------------------
순서 없는 리스트(Unordered List) [UL][LI]...[/UL]
불릿 모양(Bullet Type) [UL TYPE="DISC 또는 CIRCLE 또는 SQUARE"]
[LI TYPE="DISC 또는 CIRCLE 또는 SQUARE"]
순서 있는 리스트(Ordered List) [OL][LI]...[/OL]
순서 숫자 붙이는 방법(Numbering Type) [OL TYPE="A 또는 a 또는 I 또는 i 또는 1"]
[LI TYPE="A 또는 a 또는 I 또는 i 또는 1"]
시작 숫자(Starting Number) [OL VALUE="시작숫자"]
[LI VALUE="시작숫자"]
정의 리스트(Definition List) [DL][DT]...[DD]...[/DL]
메뉴 리스트(Menu List) [MENU][LI]...[/MENU]
디렉토리 리스트(Directory List) [DIR][LI]...[/DIR]

◈ 특수문자 관련 태그 ◈
-----------------------------
& : &
Space :
[ : >
" : "
] : <
※ HTML에서는 위의 특수문자가 특별한 용도로 사용되므로
특수문자를 표시하려면 위와 같이 표기해 주어야 합니다.

◈ 테이블 관련 태그 ◈
-----------------------------
테이블 정의(Define Table) [TABLE]...[/TABLE]
테이블 테두리(Table Border) [TABLE BORDER="숫자"][/TABLE]
테이블 폭(Desired Width) [TABLE WIDTH="숫자 또는 %"]
셀과 셀사이 간격(Cell Spacing) [TABLE CELLSPACING="숫자"]
셀과 내용사이 간격(Cell Padding) [TABLE CELLPADDING="숫자"]
테이블 가로줄 정의(Table Row) [TR]...[/TR]
가로줄 정렬(Alignment) [TR ALIGN="LEFT 또는 RIGHT 또는 CENTER"
VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"]
테이블 셀 정의(Table Cell) [TD]...[/TD]
셀 정렬(Alignment) [TD ALIGN="LEFT 또는 RIGHT 또는 CENTER"
VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"]
줄 띄기 없음(No linebreaks) [TD NOWRAP]
세로 병합(Columns to Span) [TD COLSPAN="병합할 셀 수"]
가로 병합(Rows to Span) [TD ROWSPAN="병합할 줄 수"]
셀 너비(Desired Width) [TD WIDTH="숫자 또는 %"]
테이블 머릿말(Table Header) [TH]...[/TH]
머릿말 정렬(Alignment) [TH ALIGN="LEFT 또는 RIGHT 또는 CENTER"
VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"]
테이블 주석(Table Caption) [CAPTION]...[/CAPTION]
정렬(Alignment) [CAPTION ALIGN="TOP 또는 BOTTOM"]

◈ 프레임 관련 태그 ◈
---------------------------
프레임 문서(Frame Document) [FRAMESET][/FRAMESET]
가로로 프레임 나누기 [FRAMESET ROWS="높이,높이,높이"][/FRAMESET]
세로로 프레임 나누기 [FRAMESET COLS="너비,너비,너비"][/FRAMESET]
프레임 정의(Define Frame) [FRAME]
문서 표시(Display Document) [FRAME SRC="프레임에 표시될 URL"]
프레임 이름(Frame Name) 정의 [FRAME NAME="프레임이름 또는 _blank 또는
_self 또는 _parent 또는 _top"]
프레임 좌우 여백(Margin Width) [FRAME MARGINWIDTH="숫자"]
프레임 상하 여백(Margin Height) [FRAME MARGINHEIGHT="숫자"]
스크롤 바가 필요한가? [FRAME SCROLLING="YES 또는 NO 또는 AUTO"]
크기 변경 불가(Not Resizable) [FRAME NORESIZE]

◈ CGI관련 태그 ◈
-------------------------------
폼 정의(Define Form) [FORM ACTION="자료를 처리할 CGI의 URL" METHOD="GET 또는 POST"][/FORM]
입력 방법 정의(Input Field) [INPUT TYPE="TEXT 또는 PASSWORD 또는 CHECKBOX 또는 RADIO 또는 IMAGE 또는 HIDDEN 또는
SUBMIT 또는 RESET"]
입력 필드 이름(Field Name) [INPUT NAME="입력필드이름"]
입력 필드의 기본값(Field Value) [INPUT VALUE="기본값"]
체크박스 체크표시(Checked) [INPUT TYPE="CHECKBOX 또는 RADIO" CHECKED]
입력필드의 크기(Field Size) [INPUT TYPE="TEXT" SIZE="숫자"]
최대 입력 크기(Max Length) [INPUT MAXLENGTH="숫자"]
선택 리스트(Selection List) [SELECT][OPTION]...[/SELECT]
리스트 이름(Name of List) [SELECT NAME="리스트이름"][OPTION]...[/SELECT]
옵션의 숫자(# of Options) [SELECT SIZE=?][/SELECT]
리스트 항목(Option) [OPTION VALUE="항목값"]
자동표시될 항목(Default Option) [OPTION SELECTED]
입력 박스 크기(Input Box Size) [TEXTAREA ROWS="줄수" COLS="줄당입력수"][/TEXTAREA]
입력 박스 이름(Name of Box) [TEXTAREA NAME="입력박스이름"][/TEXTAREA]

'Computer > Etc' 카테고리의 다른 글

유용한 컴퓨터 팁 60가지 (0)	2005.06.10
그래픽 마야에 대해,. (0)	2005.06.10
자동로그인 주소 알아내는법 (0)	2005.05.28
자동로그인 주소값 (0)	2005.05.28
[미디어] windows media palyer 속도향상 법 (0)	2005.05.28

삶 기쁨 노래 책

테그종합편

'Computer > Etc' 카테고리의 다른 글

티스토리툴바

테그종합편

'Computer > Etc' 카테고리의 다른 글

'Computer/Etc' Related Articles

티스토리툴바