========================================================================================= * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 ========================================================================================= 태그는 영어를 몰라도 태그의 "태"자도 몰라도 배울수 있답니다. 태그를 처음 접하시는 분도 [레슨]1단계부터 하나씩 따라 하다보면 어느순간 태그의 고수가 되어있을꺼예요^^
기본글자태그/글자꾸미기(스팬태그사용)/움직이는 글자태그(마퀴태그사용)/그림올리기/동영상올리기/배경음악깔기..등..기초에서 고급태그까지 모두 알려드리께요..
아주 기초부터 알려드리니..[레슨] 1단계부터 차근차근 따라해보세요^^ 첨엔 의미도 모르고 따라하지만..그렇게 자꾸 따라 하다보면..하나둘씩 태그를 이해하게되고...하나씩 자동으로 외워지거든요 ^^
======================================================================================================= 게시판에 태그를 남겼는데 태그적용이 안되고 글자 그대로 나오시는 분은.......... 태그 게시판..[공지사항]을 읽어보시면 해결 방법이 적혀있답니다^^ =======================================================================================================
#[오늘의 태그따라잡기] - 글자크기 내 마음데로 적용하기
font size 라는 태그를 이용하여 글자 크기를 조절할수 있습니다. font size 는 1~7까지 적용이 가능하며 아래에 7가지 예제 태그를 올려두었습니다. 폰트사이즈 2~3 정도가 우리들이 자주보는 폰트 사이즈와 비슷하답니다 그래서 태그를 적용해도 크게 글자 크기의 변화를 못느낄수 있으니 연습시에는 [예제태그7] 소스로 연습해보세요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[예제태그1] <font size="1">회원님이 남기고 싶은말을 적는곳</font>
[예제태그2] <font size="2">회원님이 남기고 싶은말을 적는곳</font>
[예제태그3] <font size="3">회원님이 남기고 싶은말을 적는곳</font>
[예제태그4] <font size="4">회원님이 남기고 싶은말을 적는곳</font>
[예제태그5] <font size="5">회원님이 남기고 싶은말을 적는곳</font>
[예제태그6] <font size="6">회원님이 남기고 싶은말을 적는곳</font>
[예제태그7] <font size="7">회원님이 남기고 싶은말을 적는곳</font>
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 글자 줄 바꾸는 방법
오늘은 줄을 바꾸는 태그를 알려드릴께요^^ 일반적인 텍스트로 게시판에 글을 남길때는 Enter 키를 한번 누르면 줄이 바뀌잖아요^^ 근데 태그에서는 줄을 바꿀때마다 줄을 바꾸어 주는 <br>태그를 넣어주어야 한답니다 <br> 태그를 이용하여 줄을 바꿀수가 있답니다^^ <br> 태그를 한개 사용할때 마다 한줄이 띄워진답니다. <br> 태그를 <br><br><br><br> 이런식으로 4개연속하면 4줄을 띄울수 있구요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[예제태그2] - 레슨 1-A 에서 배운걸 응용해서 폰트사이즈 5짜리 글자를 띄워쓰기 해볼까요 ^^ <font size="5">이곳에 회원님이 적고싶은 글을 적으세요</font> <br><br><br><br><br> <font size="5">br태그를 한개 넣을때마다 한줄이 바뀌거든요~</font> <br><br><br><br><br><br><br><br> <font size="5">줄 띄우는 br태그 이해하셨나요 ~~ ^^</font>
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 글자 문단 바꾸는 방법
오늘은 문단을 바꾸는 태그를 알려드릴께요^^ 태그강좌 1-B 에서 배운 줄바꾸기 태그인 <br> 태그와는 비슷하지만 약간다른거예요^^ 태그강좌 1-B 에서 <br> 태그를 이해하신 분이라면... 지금부터 제가 설명드릴 <p>태그에 대해서도 금방 이해하실꺼예요^^ <br> 태그는 한줄을 바꿀때 사용했잖아요.. 그런데 <p> 태그는 문단을 바꿀때 사용하는 거랍니다. 문단을 바꾸는 <p> 태그는 외관상으로 <br>태그를 두개 연속사용한거랑 똑같답니다^^
엄밀하게 이야기하면 <p>태그는 문단을 바꾸는 태그이지만, 쉽게 이야기하자면 <br><br>태그를 쓴것과 같은 효과라고 보시면되요^^
단지 <br>태그와 다른점은 <br> 태그는 10개를 연속해서 사용하면 10줄도 띄울수 있지만... <p>태그는 연속해서 사용해도..한개쓴거랑 같답니다^^ 즉, <p> 태그 한개 쓴거랑 <p><p><p><p><p> 이렇게 다섯개 연속해서 쓴거랑 차이가 없다는거죠^^ 아래의 태그예제로써 체험해보세요^^ 아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[예제태그1] 오늘은 문단을 바꾸는 태그를 배워봐요 <p> 문단이 바뀌었나요^^~~~ 꼭 br 태그 두개사용한거랑 똑같이 보이죠 <p> 이렇게 문단을 바꾸는데 br태그를 2개 연속사용해도 되지만 귀찬잖아요^^ <p> 그래서..편하게 문단을 바꿀수 있는 p 태그가 따로 있는거랍니다^^ <p> 태그 설명 보셔서 아시겠지만 p 태그는 연속으로 두개해도 한개쓴거랑 효과가 같아요^^
[예제태그2] - br 태그는 5개를 연속해서 사용하면 5줄이바뀌지만 p 태그는 연속해서 사용할수없다. p태그를 10개 연속해서 달아볼께요 <p><p><p><p><p><p><p><p><p><p> 10개를 사용했는데도 한 문단만 바뀌죠^^ <p><p><p><p><p><p><p><p><p><p> p태그는 연속해서는 1개만 사용할수 있어요 <p><p><p><p><p><p><p><p><p><p> 10개를 적용해봐야 한개 적용것밖에 안먹히는 태그랍니다 <p><p><p><p><p><p><p><p><p><p> 즉 , 한문단을 바꿀 용도가 아니고, 여러줄을 띄울 생각이시라면 p태그가 아닌.. <p><p><p><p><p><p><p><p><p><p> br태그를 사용하세요^^
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 빨강,파랑,노랑등..색깔있는 글씨 쓰기
오늘은 글자에 색을 넣는 태그를 알려드릴께요^^ font color 라는 태그를 이용하여 글자에 색을 줄수 있답니다. <font color=색상코드값> 이라는 기본 골격을 사용한답니다.
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 글자에 색도 넣고 글자 크기도 함께 바꾸기
오늘은 글자에 색도 바꾸면서 글자크기도 함께 바꾸는 태그를 알려드릴께요^^ 글자크기는 태그강좌 1-A 에서 알려드린것 처럼 font size 라는 태그를 사용하고...
글자색상 지정은 태그강좌 1-D 에서 알려드린것 처럼 font color 라는 태그를 이용하여 글자에 색을 줄수 있답니다.
그럼 두가지를 함께 적용하는 방법을 알려드릴께요~~
<font size=글자크기 color=색상코드값> 이라는 기본 골격을 이용하면 두가지를 함께 적용할수 있답니다.
글자 크기와 색상을 정하는 태그 순서는 아래와 같이 바꾸셔되요^^ <font color=색상코드값 size=글자크기>
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[예제태그1] <font size=1 color=#FF0000>빨간색으로 글자가 나오면서 글자크기는 1사이즈로 되었죠^^</font> <p> <font size=5 color=#0000FF>파란색으로 글자가 나오면서 글자크기는 5사이즈로 되었죠^^</font> <p> <font size=7 color=#00FF00>초록색으로 글자가 나오면서 글자크기는 7사이즈로 되었죠^^</font> <p> <font size=7 color=#FF7FD5>이제 글자 크기도 조절하면서 글자 색상도 마음데로 정하실수 있으시겠죠^^</font>
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 글자 굵게하여 강조하기
오늘은 글자 두께를 굵게하여 글자를 강조하는 태그를 알려드릴께요^^
글자를 굵게 적용하는 방법은....
<b> 라는 태그를 사용하면 된답니다.
폰트사이즈가 기본적으로 크면 글자를 강조해도 표시가 잘 안나거든요^^;;
그러니 폰트사이즈 2-3 정도로 해서..확인 해보세요^^
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[예제태그1] <font size=2 color=#0000FF>오늘 배운 b 태그를 적용해볼까요~<b>굵게 강조하고 싶은글 넣는곳</b>어때요~ 글자가 굵어졌죠^^</font>
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 텍스트 링크 걸기
오늘은 텍스트에 링크를 거는 태그를 알려드릴께요^^
회원님들이 어떤 글자를 클릭했을때 다른홈페이지를 띄울수 있는기능이랍니다^^
텍스트 링크 걸기의 기본 골격은 아래와 같답니다.
<a href=인터넷주소 target=_blank>추천사이트이름 혹은 남기고 싶은말</a>
여기서 인터넷주소를 전문용어로는 URL 이라고도 한답니다^^
그리고 target이라고 해서..링크를 클릭했을때 새롭게 인터넷창을 하나더 열어서 사이트를 나타낼것인지 ...현재 자기가 쓰고 있는 인터넷창에서 링크를 열것인지를 정해주는 거랍니다^^
target(타켓)지정법은 몇가지가 있지만 기초태그 강좌인 관계로 두가지만 아래 예제에서 알려드릴께요 ^^ target=_blank 를 하시면 새창에서 링크를 걸어둔 홈페이지가 열리구요. target=_self 를 하시면 현재 사용중인 인터넷창에서 링크된 사이트가뜬답니다.
그럼 야후/네이버/추천다음카페 3가지 홈페이지로 이동하는 예를 들어볼께요
예제를 따라해보신후 님들이 이동하고싶은 홈페이지주소나 카페주소를 넣어서 적용해보세요^^
예제 1-2번은 target=_blank 를 적용했구요~~ 예제 3번은 target=_self 를 적용했답니다^^ 예제를 따라해보면 차이점을 느낄수 있을꺼예요 ^^
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 움직이는 글자 만들기
오늘은 움직이는 글자 만드는 태그를 알려드릴께요^^
marquee(마퀴)태그라는걸 이용해서 움직이는 글자를 만들수 있답니다^^
움직은 글자를 만드는 마퀴태그의 기본 골격은 아래와 같답니다.
<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>
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 글자를 일정한 공간에서 왕복 되게하기
오늘은 글자를 일정한 공간에서 왕복 되게하는 태그를 알려드릴께요^^
marquee(마퀴)태그의 몇가지 속성중 behavior=alternate 라는걸 이용해서 텍스트를 일정한 공간에서 왔다 갔다 하게 할수 있어요^^
behavior=alternate 을 이용한 마퀴태그의 기본 골격은 아래와 같답니다.
<marquee behavior=alternate>움직이는 글자넣는곳</marquee>
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[예제태그1] <marquee behavior=alternate>☜ 글자를 계속보고 있어보세요^^ 왔다~갔다~왕복하죠^^ ☞</marquee>
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 움직이는 글자 속도 조절하기
오늘은 움직이는 글자 속도를 조절할수 있는 태그를 알려드릴께요^^
marquee(마퀴)태그의 속성중 scrollamount 라는걸 이용해서 텍스트의 이동 속도를 조절 할수 있어요^^
scrollamount를 이용한 마퀴태그의 기본 골격은 아래와 같답니다.
<marquee scrollamount="수치">남기고 싶은글</marquee>
수치가 높을수록 글이 빨라져요 ^^
태그예제를 통해서..마퀴태그에 링크를 거는것두 응용해 봐요^^
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
================================================================================================== * 본 태그강좌는 코리아만세에서 직접제작한 것이며 저작권은 [코리아만세]에 있음을 밝힙니다 * 태그를 처음 접하시는 분은 태그강좌 1-A 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ==================================================================================================
#[오늘의 태그따라잡기] - 마퀴태그 최종 응용편
지금까지 배운 마퀴태그의 속성을 이용해서..여러가지 움직이는 이모티콘을 만들어봐요^^
이모티콘을 적용하기 전에 width(넓이) 와 height(높이) 라는 용어를 알아야하는데요^^
width=300 이라함은 넓이가 300 이란 소리구요..
height=100 이라함은 높이가 100 이란 뜻이랍니다.
우리가 보통 키를 젤때는 180cm 혹은 185cm 이런식으로 센티미터라는 단위를 쓰잖아요..
근데 태그에서는 pixel (픽셀)이라는 길이 단위를 쓴답니다^^
위에서 말한 width=300 이라고 할때 넓이가 300픽셀로 정의한거구요^^
위에꺼 다 이해 못하셔두 태그 사용하는데 크게 지장없으니까요..
아래에 예제태그를 복사해서..매이 매일 마구 마구 사용하다보면 차차 자동으로 태그를 이해하게 되실꺼예요^^
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[태그예제3] - 도리도리의 원리는 넓이 30이란 작은공간안에서 ..<br>behavior=alternate 라는 공간 반복 명령을 써서 @^.^@ 모양을 반복시켜서 이렇게 보이는 거랍니다^^<br> (<marquee behavior=alternate width=30>@^.^@</marquee>) <p>
[태그예제4] - 슈퍼맨의 원리는 높이 40이란 작은 공간에서.. <br>위로이동하는 명령어 direction=up 와 구간반복 명령어 behavior=alternate 를 이용하여 만든거구요^^<br> <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="이미지경로">
여기서 이미지 경로를 찾는 방법을 아셔야하는데요 ....
아래 예제를 통해서...이미지 경로 찾는 법을 알려드릴께요^^
그리고 태그예제에서 다음/네이버 로그를 게시판에 올려봐요^^
아래의 예제 태그를 그대로 복사하여 코리아만세 태그연습 게시판에 붙여넣기 하신후 사용해보세요^^
[태그예제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 부터 하나씩 차근차근 따라해보세요~ 님도 태그의 고수가 될수 있답니다. ================================================================================================== #[오늘의 태그따라잡기] - 이미지에 링크걸기
첫댓글 좋은 게시물이네요. 스크랩 해갈게요~^^