태그의 기본 소스
제 목 | 내 용 |
기본 글씨 | <font size=4> 반가워요!</font> |
테두리 글씨 | <span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow (color=orange,strength:2)"><h2>이쁜글씨</span></style></h2> |
파스텔 글씨 | <DIV style="width:320; height:50; font-size:20pt; filter:glow(color=blue, strength=8)"><font color=deeppink face=휴먼매직체>이쁜가여??</font></DIV></style> |
그림자 글씨 | |
겹치는 글씨 | <span style=filter:dropshadow(color=pink,offy=11);height:10px;><h1>태그코리아</h1> |
뒤집힌 글씨 | <span style=filter:flipv();height:1px;><h1><font color=red>돌아버리겠네~</span></h1></font> |
눕혀진 글씨 | <font face="@궁서">힝~ 이게 뭐쥥..?</font> |
전체 눕혀진 글씨체 | <style>font{font-family: @궁서체, Arial;font-size=15pt}} |
전체 글씨 크기 변경 | <STYLE>font{font-size=15pt}</FONT></STYLE> |
| 기본속성들 | 설명 |
| scrollamount | 빠르기지정.(숫자가 높을수록 빨라짐) |
| scrolldelay | 흔들리는 속성 |
| direction | 방향설정(left,right,up,down) |
| behavior=alternate | 좌우,상하왕복 |
| loop | 숫자지정(예:loop="3" 를 했을경우 세번 실행됨) |
| width | 가로 왕복 지정 |
| height | 세로 왕복 지정 |
제 목 | 내 용 |
기본 마퀴 | <marquee>안녕하세요!!</marquee> |
왕복 마퀴 | <marquee behavior=alternate>글자가 좌우로 왕복*^^*</marquee> |
반짝 마퀴 | <marquee width=500 scrollamount=300><font size=7>반짝반짝!!</marquee> |
배경 마퀴 | |
오르는 마퀴 | <marquee direction=up>안♡<ul>녕♡<ul>하♡<ul>세♡<ul>요♡<ul>반♡<ul>가♡<ul>워~♡<ul>요♡</MARQUEE> |
파도 마퀴 | <marquee direction=up behavior=alternate><marquee behavior=alternate><h2>글씨가 파도를 치넹^^;</h2></marquee> |
상하 마퀴 | <marquee direction=down height=90><Span style="COLOR:White;FILTER:shadow;height:10px"><h1>노래 조오타 !!</span></marquee><marquee direction=up height=90><Span style="COLOR:White;FILTER:shadow;height:10px"><h1>노래 조오타 !!</span></marquee> |
제 목 | 내 용 |
기본 그림 | <img src="이미지그림 주소">로 gif 및 jpg화일에 해당함 |
그림 크기 | <embed src="이미지그림 주소" width="수치" height="수치"> |
안개 효과 | <img src="이미지 주소" style="filter:alpha(opacity=100, style=2, finishopacity=0)"> |
흐린 효과 | <img src="이미지 주소" style="filter:blur(direction=135,strength=100)"> |
좌우 바뀜 | <img src="이미지 주소" style="filter:fliph()"> |
위아래 바뀜 | <img src="이미지 주소" style="filter:flipv()"> |
색상 변화 | <img src="이미지 주소" style="filter:gray()"> |
색변질 효과 | <img src="이미지 주소" style="filter:invert()"> |
물결 효과 | <img src="이미지 주소" style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)"> |
x-ray 효과 | <img src="이미지 주소" style="filter:xray()"> |
흑백 바뀜 | <img src="이미지 주소" onmouseover="this.style.filter='gray'" onmouseout="this.style.filter=''"> |
제 목 | 내 용 |
기본 음악 | <embed src="음악 주소"> 뮤직비디오 및 플래쉬도 명령어가 같음 |
미디어 감추기 | <embed src="음악주소" hidden="true"> |
미디어 크기 | <embed src="음악주소" width="수치" height="수치"> |
반복 조절 | <embed src="음악주소" loop="반복횟수"> |
무한 반복 | <embed src="음악주소" loop="infinite"> |
제 목 | 내 용 |
기본 링크 | <a href="링크 시킬 주소">여기를 누르세요.</a> |
새창 띄우기 | <a href="링크 시킬 주소"target="_blank">여기를 누르세요.</a> |
이미지 링크 | <a href="링크 시킬 주소"><img src="그림 주소"></a> |
이미지 새창 | <a href="링크 시킬 주소"target="_blank"><img src="그림 주소"></a> |
메일 링크 | <a href="mailto:메일주소"> 메일보내기</a> |
음악 링크 | <a href="음악주소">제목</a> |
즐겨 찾기 | <a style="javascripｔ://" onclick="window.external.AddFavorite('http://www.naver.com/l', '네이버')"><font face="샘물체"size=5>즐겨찾기 추가</font></a> |
다운 로드 | <A href="링크 시킬 주소"> <IMG src="그림주소" border=0>다운로드</FONT></B></A> |
제 목 | 내 용 |
기본 배경 | <style>BODY{background:url('자신이 원하는 이미지주소')}</Style> |
기본 배경 변형 | <STYLE type=text/css>body{background-color:white;background-image: url("이미지 주소");} </STYLE> |
오른쪽 | <STYLE type=text/css>body {background:white url("이미지 주소") no-repeat fixed right bottom} </STYLE> |
얇은 테두리 | <style>body{background:border-width:5pt; border-color:red; border-style:solid;;}</style> |
중간 테두리 | <STYLE>body{border:20 ridge yellow;}></STYLE> |
굵은 테두리 | <style>body{border:45 ridge ff99ff;}</style> |
스크롤바 | <style type="text/css">body{ scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033 } </style> |
제 목 | 내 용 |
기본형 | <iframe frameborder="0" width=650 height="550" leftmargin="0" name="memo" scrolling src="주소"></iframe> |
제 목 | 내 용 |
기본 버튼 | <input type="submit" value="하이"> |
텍스트 버튼 | <input type="text" value="여기는 쓰는 곳!"> |
이미지 버튼 | <input type="image" src="이미지 주소"> |
제 목 | 내 용 | ||||||||||||||||
기본형 1 | <table border=1><tr><td>태그</td></tr></table> | ||||||||||||||||
기본형 2 | <table border=1><tr><td>태그</td><td>나들이</td></tr></table> | ||||||||||||||||
기본형 3 | <table border=1><tr><td>태그</td><td>나들이</td></tr><tr><td>밥튕이</td><td>까껑</td></tr></table> | ||||||||||||||||
| |||||||||||||||||
제 목 | 내 용 |
일반소스보기 | 가. 인터넷 메뉴바에서 ① 보기-> ② 소스보기 |
나모 | 1. 인터넷 창에서 소스 볼 부분을 드래그(왼쪽 마우스 누른채 오른쪽으로 움직이면 파란색으로 블록이 지정됨)한다. |