친亲-구久 | 태그강연

<STYLE>P{margin-top:2px;margin-bottom:2px;}</STYLE> ========================================================================================= * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 ========================================================================================= 태그는 영어를 몰라도 태그의 "태"자도 몰라도 배울수 있답니다. 태그를 처음 접하시는 분도 [레슨]1단계부터 하나씩 따라 하다보면 어느순간 태그의 고수가 되어있을꺼예요^^ 기본글자태그/글자꾸미기(스팬태그사용)/움직이는 글자태그(마퀴태그사용)/그림올리기/동영상올리기/배경음악깔기..등..기초에서 고급태그까지 모두 알려드리께요.. 아주 기초부터 알려드리니..[레슨] 1단계부터 차근차근 따라해보세요^^ 첨엔 의미도 모르고 따라하지만..그렇게 자꾸 따라 하다보면..하나둘씩 태그를 이해하게되고...하나씩 자동으로 외워지거든요 ^^ ======================================================================================================= 게시판에 태그를 남겼는데 태그적용이 안되고 글자 그대로 나오시는 분은.......... 태그 게시판..[공지사항]을 읽어보시면 해결 방법이 적혀있답니다^^ ======================================================================================================= #[오늘의 태그따라잡기] - 글자크기 내 마음데로 적용하기 font size 라는 태그를 이용하여 글자 크기를 조절할수 있습니다. font size 는 1~7까지 적용이 가능하며 아래에 7가지 예제 태그를 올려두었습니다. 폰트사이즈 2~3 정도가 우리들이 자주보는 폰트 사이즈와 비슷하답니다 그래서 태그를 적용해도 크게 글자 크기의 변화를 못느낄수 있으니 연습시에는 [예제태그7] 소스로 연습해보세요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] 회원님이 남기고 싶은말을 적는곳 [예제태그2] 회원님이 남기고 싶은말을 적는곳 [예제태그3] 회원님이 남기고 싶은말을 적는곳 [예제태그4] 회원님이 남기고 싶은말을 적는곳 [예제태그5] 회원님이 남기고 싶은말을 적는곳 [예제태그6] 회원님이 남기고 싶은말을 적는곳 [예제태그7] 회원님이 남기고 싶은말을 적는곳           ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 글자 줄 바꾸는 방법 오늘은 줄을 바꾸는 태그를 알려드릴께요^^ 일반적인 텍스트로 게시판에 글을 남길때는 Enter 키를 한번 누르면 줄이 바뀌잖아요^^ 근데 태그에서는 줄을 바꿀때마다 줄을 바꾸어 주는 태그를 넣어주어야 한답니다 태그를 이용하여 줄을 바꿀수가 있답니다^^ 태그를 한개 사용할때 마다 한줄이 띄워진답니다. 태그를 이런식으로 4개연속하면 4줄을 띄울수 있구요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] 오늘은 줄을 바꾸는 태그를 배워봐요 줄이 바뀌었나요^^~~~ 이번엔 두줄을 띄워볼까요 ^^ 이번엔 3줄을 띄워볼까요 ^^ 3줄이 띄워졌죠 ^^ 이번엔 4줄이 띄워졌죠 ^^ 이젠 홧끈하게 10줄띄워볼까요^^ 10줄이 띄워졌죠 ^^ [예제태그2] - 레슨 1-A 에서 배운걸 응용해서 폰트사이즈 5짜리 글자를 띄워쓰기 해볼까요 ^^ 이곳에 회원님이 적고싶은 글을 적으세요 br태그를 한개 넣을때마다 한줄이 바뀌거든요~ 줄 띄우는 br태그 이해하셨나요 ~~ ^^           ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 글자 문단 바꾸는 방법 오늘은 문단을 바꾸는 태그를 알려드릴께요^^ 태그강좌 1-B 에서 배운 줄바꾸기 태그인 태그와는 비슷하지만 약간다른거예요^^ 태그강좌 1-B 에서 태그를 이해하신 분이라면... 지금부터 제가 설명드릴 태그에 대해서도 금방 이해하실꺼예요^^ 태그는 한줄을 바꿀때 사용했잖아요.. 그런데 태그는 문단을 바꿀때 사용하는 거랍니다. 문단을 바꾸는 태그는 외관상으로 태그를 두개 연속사용한거랑 똑같답니다^^ 엄밀하게 이야기하면 태그는 문단을 바꾸는 태그이지만, 쉽게 이야기하자면 태그를 쓴것과 같은 효과라고 보시면되요^^ 단지 태그와 다른점은 태그는 10개를 연속해서 사용하면 10줄도 띄울수 있지만... 태그는 연속해서 사용해도..한개쓴거랑 같답니다^^ 즉, 태그 한개 쓴거랑 이렇게 다섯개 연속해서 쓴거랑 차이가 없다는거죠^^ 아래의 태그예제로써 체험해보세요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] 오늘은 문단을 바꾸는 태그를 배워봐요 문단이 바뀌었나요^^~~~ 꼭 br 태그 두개사용한거랑 똑같이 보이죠 이렇게 문단을 바꾸는데 br태그를 2개 연속사용해도 되지만 귀찬잖아요^^ 그래서..편하게 문단을 바꿀수 있는 p 태그가 따로 있는거랍니다^^ 태그 설명 보셔서 아시겠지만 p 태그는 연속으로 두개해도 한개쓴거랑 효과가 같아요^^ [예제태그2] - br 태그는 5개를 연속해서 사용하면 5줄이바뀌지만 p 태그는 연속해서 사용할수없다. p태그를 10개 연속해서 달아볼께요 10개를 사용했는데도 한 문단만 바뀌죠^^ p태그는 연속해서는 1개만 사용할수 있어요 10개를 적용해봐야 한개 적용것밖에 안먹히는 태그랍니다 즉 , 한문단을 바꿀 용도가 아니고, 여러줄을 띄울 생각이시라면 p태그가 아닌.. br태그를 사용하세요^^           ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 빨강,파랑,노랑등..색깔있는 글씨 쓰기 오늘은 글자에 색을 넣는 태그를 알려드릴께요^^ font color 라는 태그를 이용하여 글자에 색을 줄수 있답니다. 이라는 기본 골격을 사용한답니다. 제가 몇가지 색상 코드값을 알려드릴께요^^ 연습해보세요^^ 빨강 = #FF0000 노랑 = #FFFF26 주황 = #FFC44D 파랑 = #0000FF 남색 = #0077B3 청록 = #00BFE6 초록 = #00FF00 회색 = #CBCBCB 흰색 = #FFFFFF 하늘 = #66FFFF 갈색 = #A6007C 분홍 = #FF7FD5 보라 = #C44DFF 녹색 = #22CC00 색상 코드값은 수천가지가 있어요^^ 나중에 그 수천가지 색상 코드값을 색상코드표를 이용하여 알려드릴께요 ^^ 일단은 위의 대표적인 색상만으로도 충분 연습하실수 있으니까요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] 빨간색으로 글자가 나오죠 이번엔 파란색글자^^ 이제 글자에 색도 넣으실수 있으시겠죠^^ 마지막으로 분홍색도 해볼까요~~       ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 글자에 색도 넣고 글자 크기도 함께 바꾸기 오늘은 글자에 색도 바꾸면서 글자크기도 함께 바꾸는 태그를 알려드릴께요^^ 글자크기는 태그강좌 1-A 에서 알려드린것 처럼 font size 라는 태그를 사용하고... 글자색상 지정은 태그강좌 1-D 에서 알려드린것 처럼 font color 라는 태그를 이용하여 글자에 색을 줄수 있답니다. 그럼 두가지를 함께 적용하는 방법을 알려드릴께요~~ 이라는 기본 골격을 이용하면 두가지를 함께 적용할수 있답니다. 글자 크기와 색상을 정하는 태그 순서는 아래와 같이 바꾸셔되요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] 빨간색으로 글자가 나오면서 글자크기는 1사이즈로 되었죠^^ 파란색으로 글자가 나오면서 글자크기는 5사이즈로 되었죠^^ 초록색으로 글자가 나오면서 글자크기는 7사이즈로 되었죠^^ 이제 글자 크기도 조절하면서 글자 색상도 마음데로 정하실수 있으시겠죠^^       ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 글자 굵게하여 강조하기 오늘은 글자 두께를 굵게하여 글자를 강조하는 태그를 알려드릴께요^^ 글자를 굵게 적용하는 방법은.... 라는 태그를 사용하면 된답니다. 폰트사이즈가 기본적으로 크면 글자를 강조해도 표시가 잘 안나거든요^^;; 그러니 폰트사이즈 2-3 정도로 해서..확인 해보세요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] 오늘 배운 b 태그를 적용해볼까요~굵게 강조하고 싶은글 넣는곳어때요~ 글자가 굵어졌죠^^ [예제태그2] - "코리아만세"라는 글자만 굵게해볼까요~ 울~회원님들코리아만세앞으로두 많이 사랑해주세요^^코리아만세회원님들 화이팅!       ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 텍스트 링크 걸기 오늘은 텍스트에 링크를 거는 태그를 알려드릴께요^^ 회원님들이 어떤 글자를 클릭했을때 다른홈페이지를 띄울수 있는기능이랍니다^^ 텍스트 링크 걸기의 기본 골격은 아래와 같답니다. <a href=인터넷주소 target=_blank>추천사이트이름 혹은 남기고 싶은말</a> 여기서 인터넷주소를 전문용어로는 URL 이라고도 한답니다^^ 그리고 target이라고 해서..링크를 클릭했을때 새롭게 인터넷창을 하나더 열어서 사이트를 나타낼것인지 ...현재 자기가 쓰고 있는 인터넷창에서 링크를 열것인지를 정해주는 거랍니다^^ target(타켓)지정법은 몇가지가 있지만 기초태그 강좌인 관계로 두가지만 아래 예제에서 알려드릴께요 ^^ target=_blank 를 하시면 새창에서 링크를 걸어둔 홈페이지가 열리구요. target=_self 를 하시면 현재 사용중인 인터넷창에서 링크된 사이트가뜬답니다. 그럼 야후/네이버/추천다음카페 3가지 홈페이지로 이동하는 예를 들어볼께요 예제를 따라해보신후 님들이 이동하고싶은 홈페이지주소나 카페주소를 넣어서 적용해보세요^^ 예제 1-2번은 target=_blank 를 적용했구요~~ 예제 3번은 target=_self 를 적용했답니다^^ 예제를 따라해보면 차이점을 느낄수 있을꺼예요 ^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] - 새로운 인터넷창에서 링크열기 <a href=<A href="http://cafe.daum.net/haru0915" target=nlink>http://cafe.daum.net/haru0915</A> target=_blank>여기를 클릭해보세요~ 추천 다음카페가 새창으로 뜬답니다^^</a> [예제태그2] - 새로운 인터넷창에서 링크열기 <a href=<A href="http://kr.yahoo.com/" target=nlink>http://kr.yahoo.com</A> target=_blank>이번엔 새창으로 야후 홈페이지를 띄워볼까요^^ 클릭해보세요^^<a> [예제태그3] - 현재창에서 링크열기 <a href=<A href="http://www.naver.com/" target=nlink>http://www.naver.com</A> target=_self>현재창에서 네이버 홈페이지로 이동해볼까요^^ 여기를 클릭~~!<a>       ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 움직이는 글자 만들기 오늘은 움직이는 글자 만드는 태그를 알려드릴께요^^ marquee(마퀴)태그라는걸 이용해서 움직이는 글자를 만들수 있답니다^^ 움직은 글자를 만드는 마퀴태그의 기본 골격은 아래와 같답니다. <marquee>회원님이 남기고 싶은말</marquee> 오늘은 마퀴태그 기초만 한번 따라해 보시구요... 내일부터 마퀴태그를 이용한 여러가지 글자효과를 배워보기로해요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] <marquee>어머머~~ 신기하게도~~글자가 움직이죠 ^^</marquee>       ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 글자를 아래-위-좌-우 로 움직이기 오늘은 글자를 아래-위-좌-우측으로 자신이 원하는 방향으로 움직이는 태그를 알려드릴께요^^ marquee(마퀴)태그의 몇가지 속성중 direction 이라는걸 이용해서 자신이 원하는 방향으로 글자를 움직일수 있답니다^^ direction 을 이용한 마퀴태그의 기본 골격은 아래와 같답니다. <marquee direction=방향속성>움직이는 글자넣는곳</marquee> 방향속성에는 아래의 4가지중 한가지를 넣으시면되요 왼쪽(left), 오른쪽(right), 위쪽(up), 아래쪽(down) 이져^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] <marquee direction=left>글자가 왼쪽으로 움직이죠^^</marquee> [예제태그2] <marquee direction=right>이번엔 오른쪽으로 글자를 움직여볼께요~ ㅋㅋㅋ</marquee> [예제태그3] <marquee direction=up>위로도 움직여 볼께요^^</marquee> [예제태그4] <marquee direction=down>마지막으로 아래로 움직이게*^^*</marquee>     <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD class=menu_bg style="PADDING-RIGHT: 6px; PADDING-LEFT: 11px; PADDING-TOP: 3px" vAlign=top noWrap width=203 rowSpan=3> <xSCRIPT language=xxJavaScript> /* function resizeMenu(height) { document.getElementById('leftmenu').height=height; } */ //뚜껑 카페 if (parent.proxy) { var leftobj = document.getElementById("leftmenu"); if(parent.lmargin!=null) leftobj.style.left = parent.lmargin; else leftobj.style.left = 25; if(parent.lmargin!=null) document.body.leftMargin = parent.lmargin; else document.body.leftMargin = 25; if(parent.rmargin!=null) document.body.rightMargin = parent.rmargin; else document.body.rightMargin = 9; } </xSCRIPT> </TD> <TD style="PADDING-RIGHT: 16px; PADDING-LEFT: 18px" vAlign=top width="100%"> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD class=line_con_01 height=1></TD></TR> <TR> <TD class=line_con_02 height=2></TD></TR></TBODY></TABLE>  <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD> <IMG height=6 src="http://cafeimg.hanmail.net/cf_img2/menu_icon_board.gif" width=4 align=absMiddle border=0> 태그강좌ː[태그~태그]   태그를 하나 하나 배워보세요^^ </TD></TR> <TR> <TD height=10></TD></TR></TBODY></TABLE> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <xFORM name=bbsForm method=post><INPUT type=hidden name=num> <INPUT type=hidden name=pardataname> <INPUT type=hidden name=parbbsdepth> <INPUT type=hidden name=e_paruserid> <INPUT type=hidden name=pardatatype> <INPUT type=hidden name=parregdt> <INPUT type=hidden name=move> <INPUT type=hidden name=issueregyn> <TBODY> <TR> <TD vAlign=bottom width="100%"> <IMG height=24 alt="해당 게시판에 글쓰기 권한이 없습니다.해당 카페 지기/운영자에게 문의해 주세요." hspace=6 src="http://cafeimg.hanmail.net/cf_img2/butt_4_write_01_dim.gif" width=71 align=absMiddle border=0> <IMG height=19 alt="해당 게시판에 글쓰기 권한이 없습니다.해당 카페 지기/운영자에게 문의해 주세요." src="http://cafeimg.hanmail.net/cf_img2/butt_1_reply_dim.gif" width=34 align=absMiddle border=0> <A xxonclick=autolayer_on(); href="xxjavascript:;"> <IMG id=scrap_type height=19 alt=스크랩 hspace=3 src="http://cafeimg.hanmail.net/cf_img/top4/scrap/b_scrap3.gif" width=60 align=absMiddle border=0></A> <DIV id=scarp_layer xxonmouseover="this.style.visibility= 'visible';" style="VISIBILITY: hidden; PADDING-TOP: 7px; POSITION: absolute" xxonmouseout=xxjavascript:hide();> <TABLE style="BORDER-RIGHT: #cacaca 1px solid; BORDER-TOP: #cacaca 1px solid; BORDER-LEFT: #cacaca 1px solid; CURSOR: hand; BORDER-BOTTOM: #cacaca 1px solid" cellSpacing=0 cellPadding=4 width=96 bgColor=#ffffff border=0> <TBODY> <TR xxonmouseover="this.style.backgroundColor='#F3EEE2';" xxonmouseout="this.style.backgroundColor='#ffffff';"> <TD><A class=scrap href="xxjavascript:popup('/_c21_/scrap?grpid=ALXi&fldid=Nk2L&dataid=21&cmd=popup','scrap',460,580, 'resizable=yes,scrollbars=yes');">카페 스크랩</A></TD></TR> <TR xxonmouseover="this.style.backgroundColor='#F3EEE2';" xxonmouseout="this.style.backgroundColor='#ffffff';"> <TD><A class=scrap href="xxjavascript:popup('/_c21_/go_planet_scrap?grpid=ALXi&fldid=Nk2L&dataid=21&nickname=코리아만세!&cmd=popup','scrap',460,580, 'resizable=yes,scrollbars=yes');">플래닛 스크랩</A></TD></TR></TBODY></TABLE></DIV></TD> <TD vAlign=bottom noWrap align=right><A href="http://cafe37.daum.net/_c21_/bbs_list?grpid=ALXi&mgrpid=&fldid=Nk2L"> <IMG height=15 alt=최신목록 hspace=3 src="http://cafeimg.hanmail.net/cf_img/top4/bbs/bbs_last.gif" width=15 align=absMiddle border=0>최신목록</A> <A href="xxjavascript:history.back();"> <IMG height=15 alt=목록 hspace=3 src="http://cafeimg.hanmail.net/cf_img/top4/bbs/bbs_list.gif" width=15 align=absMiddle border=0>목록</A> <A href="xxjavascript:goBbsRead( 'P', '0000Lzzzzzzzzzzzzzzzzzzzzzzzzz');"> <IMG height=15 alt=윗글 hspace=3 src="http://cafeimg.hanmail.net/cf_img/top4/bbs/bbs_up.gif" width=15 align=absMiddle border=0>윗글</A> <A href="xxjavascript:goBbsRead( 'N', '0000Lzzzzzzzzzzzzzzzzzzzzzzzzz');"> <IMG height=15 alt=아랫글 hspace=3 src="http://cafeimg.hanmail.net/cf_img/top4/bbs/bbs_down.gif" width=15 align=absMiddle border=0>아랫글</A> </TD></TR> <TR> <TD style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px" colSpan=2 height=5></TD></TR></TBODY></TABLE> <TABLE cellSpacing=0 cellPadding=5 width="100%" border=0> <TBODY> <TR> <TD class=bg_board_title_02 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px" colSpan=5 height=1></TD></TR> <TR> <TD class=bg_board_title align=middle colSpan=5>[마퀴-태그] [태그 레슨] 2 - C (글자를 일정한 공간에서 왕복 되게하기) </TD></TR> <TR> <TD class=bg_board_title_02 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px" colSpan=5 height=1></TD></TR> <TR class=bg_cafenetwork> <TD style="PADDING-LEFT: 15px" noWrap width=95>번호: 21</TD> <TD align=middle width="100%">글쓴이: <IMG height=19 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwns.messenger.daum.net%3A3682%2FRSI%3Feuserid%3Dbeia_KJt-Hs0%26ebuddy_userid%3Dx.V4wBMyF-w0" width=21 align=absMiddle vspace=3 border=0> <A class=link_board_02 xxonclick="showSideView(this, 'afmtxfdi_OY0', '', '코리아만세!');" href="xxjavascript:;">코리아만세!</A> </TD> <TD noWrap width=95>조회: 9187</TD> <TD noWrap width=95>스크랩: 4</TD> <TD style="PADDING-RIGHT: 15px" noWrap width=150>날짜: 2003/10/12 01:41</TD></TR> <TR> <TD class=bg_board_title_02 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px" colSpan=5 height=1></TD></TR></TBODY></TABLE> <TABLE cellSpacing=0 cellPadding=15 width="100%" border=0> <TBODY> <TR> <TD class=text vAlign=top width="100%" bgColor=#ffffff>================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 글자를 일정한 공간에서 왕복 되게하기 오늘은 글자를 일정한 공간에서 왕복 되게하는 태그를 알려드릴께요^^ marquee(마퀴)태그의 몇가지 속성중 behavior=alternate 라는걸 이용해서 텍스트를 일정한 공간에서 왔다 갔다 하게 할수 있어요^^ behavior=alternate 을 이용한 마퀴태그의 기본 골격은 아래와 같답니다. <marquee behavior=alternate>움직이는 글자넣는곳</marquee> 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] <marquee behavior=alternate>☜ 글자를 계속보고 있어보세요^^ 왔다~갔다~왕복하죠^^ ☞</marquee> </TD></TR></TBODY></TABLE></xFORM></TD></TR></TBODY></TABLE> ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 움직이는 글자 속도 조절하기 오늘은 움직이는 글자 속도를 조절할수 있는 태그를 알려드릴께요^^ marquee(마퀴)태그의 속성중 scrollamount 라는걸 이용해서 텍스트의 이동 속도를 조절 할수 있어요^^ scrollamount를 이용한 마퀴태그의 기본 골격은 아래와 같답니다. <marquee scrollamount="수치">남기고 싶은글</marquee> 수치가 높을수록 글이 빨라져요 ^^ 태그예제를 통해서..마퀴태그에 링크를 거는것두 응용해 봐요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [예제태그1] <marquee scrollamount="3">거북이 글자예요~ㅋㅋ 무지 느리죠</marquee> <marquee scrollamount="6">이건 토끼 글자쯤 될려나^^</marquee> <marquee scrollamount="100">나는야 제트기 글자예요^^ 슈~~웅</marquee> [예제태그2] - 마퀴태그에 링크걸기 <marquee scrollamount="3"><a href=<A href="http://www.bugs.co.kr/" target=nlink>http://www.bugs.co.kr</A> target=_blank>벅스뮤직으로 이동하기</a></marquee> <marquee scrollamount="6"><a href=<A href="http://cafe.daum.net/haru0915" target=nlink>http://cafe.daum.net/haru0915</A> target=_blank>하루카페 이동하기</a></marquee>   ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 마퀴태그 최종 응용편 지금까지 배운 마퀴태그의 속성을 이용해서..여러가지 움직이는 이모티콘을 만들어봐요^^ 이모티콘을 적용하기 전에 width(넓이) 와 height(높이) 라는 용어를 알아야하는데요^^ width=300 이라함은 넓이가 300 이란 소리구요.. height=100 이라함은 높이가 100 이란 뜻이랍니다. 우리가 보통 키를 젤때는 180cm 혹은 185cm 이런식으로 센티미터라는 단위를 쓰잖아요.. 근데 태그에서는 pixel (픽셀)이라는 길이 단위를 쓴답니다^^ 위에서 말한 width=300 이라고 할때 넓이가 300픽셀로 정의한거구요^^ 위에꺼 다 이해 못하셔두 태그 사용하는데 크게 지장없으니까요.. 아래에 예제태그를 복사해서..매이 매일 마구 마구 사용하다보면 차차 자동으로 태그를 이해하게 되실꺼예요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [태그예제1] - 큐피트 화살날리기 큐피트의 화살<marquee>←♡--<</marquee>{> [태그예제2] - 큐피트 화살을 넓이 150공간안에서만 날리기 큐피트의 화살<marquee width="150">←♡--<</marquee>{> [태그예제3] - 도리도리의 원리는 넓이 30이란 작은공간안에서 .. behavior=alternate 라는 공간 반복 명령을 써서 @^.^@ 모양을 반복시켜서 이렇게 보이는 거랍니다^^ (<marquee behavior=alternate width=30>@^.^@</marquee>) [태그예제4] - 슈퍼맨의 원리는 높이 40이란 작은 공간에서.. 위로이동하는 명령어 direction=up 와 구간반복 명령어 behavior=alternate 를 이용하여 만든거구요^^ <MARQUEE direction=up behavior=alternate height=40>~~m^_^m~~</MARQUEE> [태그예제4] - 두둥실 떠다니는글자 만들기 <marquee direction=up behavior=alternate><marquee behavior=alternate>좋은하루 되시오~</marquee></marquee>   ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 게시물에 이미지자료 올리기 오늘은 게시물에 이미지를 올리는 태그를 알려드릴께요^^ img src 라는 태그를 이용해서..이미지를 게시판에 올릴수 있답니다^^ 이미지를 올리는 태그의 기본 골격은 아래와 같아요^^ <img src="이미지경로"> 여기서 이미지 경로를 찾는 방법을 아셔야하는데요 .... 아래 예제를 통해서...이미지 경로 찾는 법을 알려드릴께요^^ <IMG src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fcafe37.daum.net%2F_c21_%2Fpds_down_hdn%3Fgrpid%3DALXi%26fldid%3DHGVN%26dataid%3D13%26grpcode%3Dkimsangyoung%26realfile%3Dtag_imgurl.gif"> 그리고 태그예제에서 다음/네이버 로그를 게시판에 올려봐요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [태그예제1] - daum 로그 이미지를 게시판에 올리기 <img src=http://image.hanmail.net/hanmail/temp/logo_s1.gif> [태그예제2] - naver 로그 이미지를 게시판에 올리기 <img src=http://wstatic.naver.com/www/images3/lg_nv3.gif>       ================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 이미지에 링크걸기 오늘은 이미지에 링크를 거는 태그를 알려드릴께요^^ 태그강좌 1-G 에서 배운 텍스트에 링크를 거는 방법을 사용하시면되요^^ 이미지에 링크를 거는 태그 기본 골격은 아래와 같답니다 <a href=홈페이지주소 target=_blank><img src="이미지경로"></a> 여기서 주의 하실점은 이미지 태그에다가 border=0 이란 태그를 넣어주셔야 이미지 링크를 깔끔하게 할수 있답니다^^ 즉 아래와 같이 사용하는거죠 <a href=홈페이지주소 target=_blank><img src="이미지경로" border=0></a> 이미지에 링크를 걸면 이미지에 테두리가 생기는데 그 테두리를 없애주는 역할을 하는 태그가 border=0 이랍니다^^ 이미지 링크에 테두리를 넣고 싶다면... border=0 태그는 생략하셔두되요^^ 이제 예제에서 테두리 있는 링크와 없는링크 둘다 직접 실습하며 차이점을 익혀봐요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^ [태그예제1] - border=0 태그를 포함한 링크 태그예제 아래 다음 로그를 클릭해보세요^^ 다음 홈페이지가뜨죠^^ <a href=<A href="http://daum.net/" target=nlink>http://daum.net</A> target=_blank><img src=<A href="http://image.hanmail.net/hanmail/temp/logo_s1.gif" target=nlink>http://image.hanmail.net/hanmail/temp/logo_s1.gif</A> border=0></a> [태그예제2] - border=0 태그를 포함하지않은 링크 태그예제 아래 다음 로그를 클릭해보세요^^ 다음 홈페이지가뜨죠^^ <a href=<A href="http://daum.net/" target=nlink>http://daum.net</A> target=_blank><img src=<A href="http://image.hanmail.net/hanmail/temp/logo_s1.gif" target=nlink>http://image.hanmail.net/hanmail/temp/logo_s1.gif</A>></a> [태그예제3] 아래 네이버 로그를 클릭해보세요^^ 네이버 홈페이지가뜨죠^^ <a href=<A href="http://naver.com/" target=nlink>http://naver.com</A> target=_blank><img src=<A href="http://wstatic.naver.com/www/images3/lg_nv3.gif" target=nlink>http://wstatic.naver.com/www/images3/lg_nv3.gif</A> border=0></a>