(예제 이용해 태그 배우기

♧강의목록1♧/중독-인터넷.스마트폰.게임

(예제 이용해 태그 배우기

花受紛-동아줄 2008. 10. 9. 00:40

(예제 이용해 태그 배우기

<CENTER>
<TABLE borderColor=#000000 height=400 width=560 border=30>
<TBODY>
<TR>
<TD background=http://cbingoimage.naver.com/data3/bingo_79/imgbingo_83/jmeunk/26222/jmeunk_25.jpg height=400 width=560 border="0">
<MARQUEE scrollAmount=1 scrollDelay=70 direction=UP width=500 height=300>

<UL>

그리운 등불 하나 
내가슴 깊은 곳에 
그리운 등불 하나 켜 놓겠습니다. 
사랑하는 그대 
언제든지 내가 그립걸랑 
그 등불 향해 오십시오. 
오늘처럼 하늘빛 따라 
슬픔이 몰려오는 날 
그대 내게로 오십시오. 
나 그대 위해 
기쁨이 되어 드리겠습니다. 
삶에 지쳐 어깨가 
무겁게 느껴지는 날 
그대 내게로 오십시오. 
나 그대 위해 
빈 의자가 되어 드리겠습니다. 
가슴이 허전해 
함께 할 친구가 필요한 날 
그대 내게로 오십시오. 
나 그대의 
좋은 친구가 되어 드리겠습니다. 
그대 내게 오실 땐 
푸르른 하늘 빛으로 오십시오. 
고운 향내 전하는 바람으로 오십시오. 
그리고, 그대 내게 오시기 전 
갈색 그리운 낙엽으로 먼저 오십시오. 
나 오늘도 그대 향한 
그리운 등불 하나 켜 놓겠습니다.

제가여러분의 이해을 돕기 위해 태그 용어를 사용해서 만들어 본것입니다
이걸 가지고 하나 하나 설명드릴까 합니다
이걸 직접 다른 창에 올려 보시면 영상이 보이실겁니다

<CENTER>
<CENTER>은 가운데 정열을 한다는 뜻이지요
즉 테이블을 화면의 중앙에 보이도록 하겠다는 뜻입니다

<TABLE borderColor=#000000 height=400 width=560 border=30>
 이 소스가 그림이나 글을 올리는 테이블 창이 랍니다
 여기에 그림과 글이 올라가는 바탕이라고 생각하시면
 이해 가 빠르실겁니다

 <TABLE ==

테이블 그림을 올려놓을수 있는 창이라고 생각하시면되구요

           borderColor=#000000 == 테이블 창의 색을 지정하는곳이랍니다
           지금 제가 넣은 이색은 하얀색이지만 여기에 다른 색을
           지정해서 넣어 줄수도 있답니다
           색체를 다른걸로 넣어 사용해 보시기 바랍니다

           height=400 width=560
           여기는 height 세로폭과 width 가로폭을 어떤크기로 지정할것인가
           숫자 크기로 지정하는곳입니다
           지금은 세로 =400 가로 =560으로 지정하였지만
           태그를 만드시는 님들의 생각과 어떤곳에 내가 만든
           영상을 올릴것인가 그곳의 환경에 마추어 크기를 조절
           하시면 되는것이지요
           테이블안에 보시면 가로 세로 폭 조절하는곳이 이곳
           말고도 그림의 크기와 글이 올라가는 폭을 지정하는
           곳이 또 있습니다 그곳도 같이 바꾸어 주시면
           아주 훌륭한 영상이 될겁니다

           border=30>
           테이블 주위의 태두리를 어떤 크기로 할것인가를 지정
           해 주는 소스지요 지금은 태두리=30 으로 저는 하였지만
           보시고 마음에 들지 않는다 하시면 30보다 적게 하시던지
           크게 하시던 그건 엿장수 맘대로 하신다구 문제 될것
           전혀 없답니다
           모든 크기는 엿장수 맘대로 ㅎㅎㅎ ㅠㅠㅠ

그런데 여기서 하나 이해 하시고 다음 설명으로 가야될것이
 한가지 있네요
 모든 소스 앞과 뒤에는 반듯이 따라 붙는것이 있습니다
 뭐야구요
 보시면 아시겠지만 갈매기 꺽쇠가 앞과 뒤에 있지요
 < 이것과
 > 이런 꺽쇠가 붙어야만 된다는거 명심하세요
 실수로 이걸 지우셨다면 직접 자판 오른쪽 쉬프트키 옆에
 있으니까 넣으시면 됩니다
 앞에는 < 이걸넣고 뒤에는 > 요걸 넣어야 된다는거
 명심하세요

<TBODY>
 <TBODY>는 다음을 뜻하는거니까 그리 중요한건 아니지요
 넣지 않아도 영상을 뛰우는데 그리 큰 문제가 발생하는건
 아니더라구 제 경험에 의하면 말입니다
 그렇지만 넣어 주라고 있는 거니까
 테이블 밑에 넣어서 사용하시기 바랍니다
<TR>
 Table Row 의 약자로 <table> 태그내에 쓰이며 표내의
 행을 지정해 주는 용어랍니다
 저는 테이블 칸을 하나 사용하기 때문에 TR을 하나만
 사용하지만 테이블안에 또다른 테이블을 하나 더 만들고
 싶다면 (예제문항 <table border="1" width="300" height="50">

위에소스편집을 하면 이런형테가 되는거지요

(예제 문항 으로만들어본테이블모양

첫번째칸

두번째칸

           이런 식으로 소스를 넣으면 한 테이블안에 두개의 창을
           만들수도 있지요

<TD background=http://cbingoimage.naver.com/data3/bingo_79/imgbingo_83/jmeunk/26222/jmeunk_25.jpg height=400 width=560 border="0">

 <TD>
 Table Data 의 약자로 <table> 태그내에 쓰이며,
 각 행에 셀을 정의 합니다.
 즉, 행에 칸을 나눌수 있게 합니다
 위에서 잠시 언급 한 설명속에 <tr><td>바탕화면</td><tr>
 이런식으로 사용한다는 겁니다

 background=
 그림의 주소를 지정해 주는 곳입니다
 이곳에 넣고 싶으신 이쁜 이미지 img 사진이나 그림 주소를
 붙여넣어 주시면 간단하기 영상물 배경 그림이 된답니다
 http://cbingoimage.naver.com/data3/bingo_79/imgbingo_83/jmeunk/26222/jmeunk_25.jpg
 바로 이것이 그림 주소랍니다
 소스 뒤쪽에 보시면 jpg 이건 일반 사진 이미지 라는 뜻이지요
 주소 뒤쪽에 이런 용어 아니고도 gif 라는 용어가 붙어 있는
 이미지 파일두 있지요
 gif 파일 이름이 붙어 있는건 베너 이미지를 뜻하는겁니다
 암튼 전 jip 이미지를 가지고 설명드리겠습니다

 height=400 width=560
 그림 주소 뒤에도 세로폭 400 가로폭 5460이란 크기를 지정
 해 주어야 하는곳이 있네요
 여기를 숫자를 자세히 보시면 위에 테이블 크기 숫자와 똑같
 다는걸 이해 하실겁니다
 마약에 TABLE 테이블 크기보다 작다거나 크다면 화면창이
 작다면 빈공간이 생길것이고
 크다면 그림 전체가 보이지 않고 반쪽만 보일수가 있다는
 이야기 입니다
 똑같이 설정해 주어야 한다는 명심하시 바랍니다
 뭐 꼬옥 그리 해야만 된다는건 절대로 아니지만
 빈공간을 남기고 싶으시다면 적에 할수도 크게 할수도
 있겠지요

           border="0">
           그림 주소 뒤에도 태두리 크기를 지정해 달라는 용어가 따라
           붙었네요 여기에 숫자를 넣으면 태두리 �이가 생길겁니다
           그치만 필요 없을것 같아서 0 으로 지정했습니다
           다음에 태그 고수가 되시면 넣어서 사용해 더 좋은 영상물
           제작을 해 보시기 바랍니다

<MARQUEE
 그림위에 움직임을 줄수 있는 투명창을 만들겠다는 뜻입니다
 마약에 투명창을 만들지 않으면 그림이 보이지 않던가
 아니면 글이 보이지 않던가 글이 움직이지 않던가
 아무튼 영상의 효과을 줄수 없답니다

           scrollAmount=1
           scrollAmount 용어는 글이 움직이는 속도를 지정할수 있다는
           말입니다 뒤에 =1 이건 속도를 1로 움직이라는 수치를 나타
           낸겁니다
           좀더 빨리 글이 움직이도록 하고 싶다면 1보다 더 큰 수 를
           넣으시면 됩니다
           마약에 0 으로 하시면 전혀 글이 움직이지 않아요
           반듯이 여기에 숫자를 넣어 주셔야만 글이 움직이는 영상이
           된다는것 또한 명심하셔야 합니다

           scrollDelay=70
           scrollDelay 이용어는 글이 움직일때 부드러움을 수치로
           지정할수 있답니다
           숫자를 에 변화를 주어 보면 느낌이 올겁니다

          direction=UP
           direction 글의 영상을 어떤식으로 변화를 줄것인가 지정하는
           곳입니다 여기에 UP 업을 사용하여 위로 올라가는 효과를
           주었지만 글이 위에서 밑으로 내려가도록 Down 다운을 할수도
           있고 좌 우로 움직임을 줄수도 있답니다
           left 오른쪽에서 왼쪽으로
           right 왼쪽에서 오른쪽으로 이렇게 써넣으면 움직임의 효과를
           다양하게 변화 줄수 있답니다

           width=500 height=300>
           마지막 뒤쪽에 보시니까
           위에서 테이블 크기와 그림 크기와는 다른 가로폭과 세로폭
           으로 지정되어 있는 숫자라는게 보이실겁니다
           만약에 가로폭과 세로폭을 그림 폭과 같이 한다면 그림위에
           글이 가득차 이쁜 그림감상하는데 방해가 되겠지요
           그래서 그림보다는 적은 수치로 지정한거랍니다
           숫자를 마음에 들도록 지정하여 만들어 보시기 바랍니다
           단 테이블 숫자보다는 커서는 안된다는거 ㅠㅠㅠㅠㅠㅠㅠㅠ

이건 택스트 글씨체를 100퍼센트 사용하겠다는 뜻입니다
뭐 이건 꼭 넣어두 아니 넣어두 상관 없답니다

<UL>

<UL>
 <UL>이 용어는 글이 움직일때 테이블에 너무 가까이 붙지
 말고 한칸 뒤쪽으로 물러나서 움직이라는 뜻이지요
 <UL>이용어 말고 <CENTER> 가운데 정열하라는 뜻으로
 이걸 사용할수도 있지요
 제가 사용한 방법은 테이블 왼쪽에서 한칸만 띄어서 움직
 이라는 명령어를 사용하였습니다

<FONT face=바탕체
 글씨체를 어떤 글씨체로 할것인가 넣어 주는 명령어 입니다
 지금은 바탕체로 하였지만 여러분 컴에 저장되 있는
 다른 아름다운 글체를 사용해서 넣으시면 멋진 글의
 문구가 영상으로 나올겁니다
 여러가지 글씨체를 사용해 보시기 바랍니다
 바탕체라 써있는곳에 궁서체라던가 한글체에 들어있는
 어떤글체도 사용할수 있습니다

           size=3>
           글씨체의 크기를 지정하는곳입니다
           숫자의 크기를 지정하여 작게도 크게도 할수 있답니다
           글씨 크기를 다른 크기로 지정하여 보시기 바랍니다

/FONT>

여기는 글씨색을 지정해 주는곳입니다
 #ffffff는 색상도표를 보시면 하얀색을 말한다는것을
 알수 있을겁니다
 칼라 뒤에 색상을 마음에 맞는 색을 골라 그림과 어울리는
 글씨색체를 넣으시면 되는거지요
 여기서두#ffffff 이명령어 중세서 Fff를 000 으로 바꿔 보세요
 색상도표 안보셔두 명령어를 바꿈으로써 변화가 올겁니다
 실습해 보세요

그리운 등불 하나 

 그리운 등불 하나
 는 글체 굵기를 좀더 굵게 하라는 뜻입니다
 를 넣지 않으시면 그냥 자판에서 올라온 그대로 보이지만
 명령어를 넣어주면 글씨체가 굵은 글씨로 나타나지요
 사용해도 되고 사용안하셔두 상관없지요
 엿장수 맴대로 ~~~~~ㅠㅠㅠㅠㅠㅠㅠㅠㅠ

 
 명령어는 한줄 밑으로 내려 쓰라는 용어입니다
 위에 저처럼 세개를 넣으면 세줄 띄어 쓰라는 명령을 주는
 거지요
 몇번의 명령을 주느냐 아니주느냐에 따라서 윗글과
 아랫글의 띄어쓰기가 달라지지요

내가슴 깊은 곳에 
그리운 등불 하나 켜 놓겠습니다. 
사랑하는 그대 
언제든지 내가 그립걸랑 
그 등불 향해 오십시오. 
오늘처럼 하늘빛 따라 
슬픔이 몰려오는 날 
그대 내게로 오십시오. 
나 그대 위해 
기쁨이 되어 드리겠습니다. 
삶에 지쳐 어깨가 
무겁게 느껴지는 날 
그대 내게로 오십시오. 
나 그대 위해 
빈 의자가 되어 드리겠습니다. 
가슴이 허전해 
함께 할 친구가 필요한 날 
그대 내게로 오십시오. 
나 그대의 
좋은 친구가 되어 드리겠습니다. 
그대 내게 오실 땐 
푸르른 하늘 빛으로 오십시오. 
고운 향내 전하는 바람으로 오십시오. 
그리고, 그대 내게 오시기 전 
갈색 그리운 낙엽으로 먼저 오십시오. 
나 오늘도 그대 향한 
그리운 등불 하나 켜 놓겠습니다.

여기를 보시면 적게는 두번의 용어가 들어가고
 많게는 네번의 명령어가 들어갔습니다
 이런씩으로 영상을 만들때 사용하시면 되는겁니다

 
 앞쪽에서 와이 들어갔지요
 여기서 모든소스들의 끝점이라는 뜻에서 / 을 사용한
 명령어가 들어간 것입니다
 앞에서 명령을 하고 마지막부분에 끝부분이다는 뜻에서
 앞쪽과 같은 명령어가 들어가고 / 붙은 명령어가 반듯이
 따라붙게 되어 있답니다

               autostart="true"
               autostart="true"는 자동으로 재생하라는 명령어 입니다
               마약에 어디 미디 소스 주소를 가져왔는데
               이용어가 없다 하면 넣어서 만들면 되는겁니다

               hidden="true"
               hidden="true"이용어는 알아 두시는것이 좋을겁니다
               영상음악편지를 만들면서 배경음악을 넣었는데
               미디가 보이며는 조금 그렇겟지요
               미디를 숨기라는 용어입니다
               미디가 보이며는 자동재생 뒤에 hidden="true" 이 명령어
               을 사용하시면 감쪽같이 미디가 보이지 않고 배경음악만
               흘러 나올겁니다

               loop="-1">
               loop="-1" 이 명령어는 미디가 몇번을 재생할것인가 지정
               해주는 명령어 지요
               지금 -1 이라 한것은 계속적으로 바로 재생하라는 뜻으로
               -1을 넣어 준겁니다 그냥 마이너스를 빼고 1 만 넣어 주면
               미디는 1회 재생하고 더이상 재생이 안되는거지요
               물론 숫자를 넣어 준 회수만큼 재생된다는건 말하면 잔소리져
               아셧지요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

</ul></CENTER></TD></TR></TBODY></TABLE></CENTER>

               영상편지 마지막 부분에 보시면 위에서 넣었던 명령어들이 모두
               들어갔다는걸 알수 있지요 위에서는 사용한 명령어들 속에는
               / 들어가지 않았지만 여기에서는 모두 들어갔다는게 보이시죠
               테이블 마지막 부분이다는 뜻이다는거 이해되지요

               에고 힘들당
               이제 여러분이 하나 하나 보시고 이해 하시면서 직접 사용해 보시는
               과제만 남았네요
               혹시 내 컴에 나모 같은 홈피를 만드는 프로그램이 있다면
               나모에서 직접 작업해 보시면 아주 편할겁니다
               나모 버젼이 4.0에서 요즈음은 6.0버젼이 나왔더군요
               인터넷상에 보시면 시험버젼이 있을겁니다
               혹시 나모 프로그램이 없으시다면 시험버젼을 다운 받아서
               설치 하시구 사용해 보시기 바랍니다
               나모 시험버젼이라고 해서 기능이 제약되는건 없구요
               약 45일정도 지나면 던 내고 등록하시고 사용하라면서
               나모 프로그램이 작동되지 않는답니다

위에 올려 놓은 태그 소스를 밑에서 직접 구경하시기 바랍니다
마약에 미디가 듣기 싫으시다면 자판 왼쪽 위쪽에 Esc 키를 한번
꼬옥 눌러 주시면 음악이 들리지 않으실겁니다
ㅎㅎㅎㅎㅎ

그리운 등불 하나

내가슴 깊은 곳에

그리운 등불 하나 켜 놓겠습니다.

사랑하는 그대

언제든지 내가 그립걸랑

그 등불 향해 오십시오.

오늘처럼 하늘빛 따라

슬픔이 몰려오는 날

그대 내게로 오십시오.

나 그대 위해

기쁨이 되어 드리겠습니다.

삶에 지쳐 어깨가

무겁게 느껴지는 날

그대 내게로 오십시오.

나 그대 위해

빈 의자가 되어 드리겠습니다.

가슴이 허전해

함께 할 친구가 필요한 날

그대 내게로 오십시오.

나 그대의

좋은 친구가 되어 드리겠습니다.

그대 내게 오실 땐

푸르른 하늘 빛으로 오십시오.

고운 향내 전하는 바람으로 오십시오.

그리고, 그대 내게 오시기 전

갈색 그리운 낙엽으로 먼저 오십시오.

나 오늘도 그대 향한

그리운 등불 하나 켜 놓겠습니다.

마퀴태그 란 이런것들 입니다

☞마퀴태그 입니다.글씨가 움직이는 태그를 말하는 데 여러가지로 응용해서 사용할수 있답니다. 연습해 보시고 사용바랍니다.

기본속성들	설명
scrollamount	빠르기지정.(숫자가 높을수록 절라빨라짐^^;)
scrolldelay	흔들리는 속성
direction	방향설정(left,right,up,down)
behavior=alternate	좌우,상하왕복
loop	숫자지정(예:loop="2" 를 했을경우 두번 실행됨.)
width	가로 왕복 지정
height	세로 왕복 지정

<marquee>안녕하세요!!</marquee> ☜ 마퀴태그의 기본.

안녕하세요!!

☞왕복하는 글씨...

<marquee behavior=alternate>글자가 좌우로 왕복*^^*</marquee>

글자가 좌우로 왕복*^^*

<marquee direction="left">이건 왼쪽이네요^^</marquee>

이건 왼쪽이네요^^

<marquee direction="right">이건 오른쪽이구여^^</marquee>

이건 오른쪽이구여^^

<marquee direction="up">요번에는 위로?</marquee>

요번에는 위로?

<marquee direction="down">다운이당ㅡㅡ+</marquee>

다운이당ㅡㅡ+

(<marquee behavior=alternate width=30>@^.^@</marquee>) ☜도리도리

( @^.^@)

<marquee direction="RIGHT" scrollamount="1"> __@/``</marquee> ☜달팽이 기어가는 모습.

__@/``

<marquee scrollamount=30>달팽아 난 절라 빠르�??</marquee>

달팽아 난 절라 빠르�??

<marquee width=500 scrollamount=300>반짝반짝!!</marquee>

반짝반짝!!

<marquee bgcolor=red>하이~</marquee>

하이~

<marquee bgcolor=blue>하이~</marquee>

하이~

<marquee bgcolor=000000>하이~</marquee>

하이~

<MARQUEE direction=right>ⓘ ⓛⓞⓥⓔ</MARQUEE>♡<MARQUEE direction=reft>ⓨⓞⓤ</MARQUEE>

ⓘ ⓛⓞⓥⓔ♡ ⓨⓞⓤ

<marquee direction=up>안♡<ul>녕♡<ul>하♡<ul>세♡<ul>요♡<ul>반♡<ul>가♡<ul>워~♡<ul>요♡</MARQUEE>

안♡

요♡

정말 방가여^^

띠바! 못 방가!!

<marquee direction=down height=90><h1>노래 조오타 !!</marquee><marquee direction=up height=90><h1>노래 조오타 !!</marquee>

노래 조오타 !!

노래 조오타 !!

<marquee direction=up height=90><h1>노래 조오타 !!</marquee><marquee direction=down height=90><h1>노래 조오타 !!</marquee>

노래 조오타 !!

노래 조오타 !!

<marquee direction=up behavior=alternate><marquee behavior=alternate><h2>글씨가 파도를 치넹^^;</h2></marquee>

글씨가 파도를 치넹^^;

위쪽에 있는 영상태그 자료를 응용해서 이번엔 마퀴태그 기법을 응용하였습니다 태두리색만 색상표에서 다른색으로 만들어 보았습니다 여러분들도 이런식으로 응용하여 보시기 바랍니다 소스는 밑에 있습니다

떠나가야 하는 삶 용혜원

모두 다 떠나보내야 한다 꼭 붙들고 있고 싶어도 세월이 가만두지 않는다 다 놓자 다 놓아버리자 우리의 삶은 떠나온 길로 되돌아가는 것이 아니다 돌아올 수 없는 길로 살아서는 가 닿을 수 없는 곳으로 떠나는 것이다 우리는 시간이라는 의자에 잠시 머물다 일어나서 가는 것이다 떠나가야 하는 삶 서로의 마음에 사랑마저 없다면 서로의 마음에 그리움마저 없다면 우리의 삶이 얼마나 안타까운가

이건 테이블을 옆으로 하나더 만들어서 down 다운 명령어를 넣어서 만들었답니다

떠나가야 하는 삶 용혜원 안타까운가

우리의 삶이 얼마나

서로의 마음에 그리움마저 없다면

서로의 마음에 사랑마저 없다면

떠나가야 하는 삶

일어나서 가는 것이다

의자에 잠시 머물다

우리는 시간이라는

떠나는 것이다

가 닿을 수 없는 곳으로

돌아올 수 없는 길로 살아서는

되돌아가는 것이 아니다

우리의 삶은 떠나온 길로

다 놓아버리자

다 놓자

세월이 가만두지 않는다

꼭 붙들고 있고 싶어도

모두 다 떠나보내야 한다

저작자표시 비영리 변경금지

'♧강의목록1♧ > 중독-인터넷.스마트폰.게임' 카테고리의 다른 글

<html> (0)	2008.10.24
플래쉬 (0)	2008.10.14
태그란 용어로 구성돤 명령어인데 우리눈으로는 보이지 않고 다만 우리가 (0)	2008.10.09
컴 (0)	2008.10.09
[스크랩] 컴퓨터의 기본 구성요소를 알아보아요~ 기초부터 하나하나~ (0)	2008.10.09

현재글(예제 이용해 태그 배우기

교육

Today :
Yesterday :

교육