오래된 침묵을 잘도 견디며 흐른다.
강물이 더디게 흐르는 것 같지만
생각처럼 느리지도 않다.
강가에 멈추어 서서 강물처럼 누워 흐르고 싶다.
어느 누구도 이미 흘러간 강물같은 세월을
거슬러 올라갈 수는 없다.
나도 강물처럼 흐르고 흘러
그대 영혼의 바다 한복판에 다다르고 싶다.
평생을 걸려 흐르고 흘러도
닿지 못하는 너무 깊은 그대 영혼의 바다
흐르는 강물처럼 흐르고 흐르다가
한번쯤은 그대 깊고 깊은 바다
한복판 휘몰아치는 격랑에 휩쓸려
허우적 거려보고 싶다.
깊은 절망에도 빠져보고 싶다. ........
*** 태그 초보자를 위한 소스**
☞아래의 태그소스 그대로 복사해서 연습하세요
글과 사진 ,음악은 바꾸어서 사용하시면 됩니다
사진의 크기에 따라 숫자도 바꾸어 주셔야 합니다
..................................................
<TABLE height=600 width=600 bgColor=#ffffff border=0><TBODY><TR><TD><img src="https://t1.daumcdn.net/blogcolumn/_home/k/I/02FkI/1084239742330_11q.jpg" style="filter=alpha(opacity=90,style=4,finishopacity=0)">
<td width="350" valign="top"><PRE>
<SPAN style="FONT-SIZE: 9pt; LETTER-SPACING: 0px"><FONT face=Verdana color=darkblue><P style="MARGIN-LEFT: 0px">
흐르는 강물처럼...
詩: 남낙현
세월은 쏜 화살처럼 지나가 버린다.
강물은 무덤덤하게
오래된 침묵을 잘도 견디며 흐른다.
강물이 더디게 흐르는 것 같지만
생각처럼 느리지도 않다.
생략 ...
<EMBED src=http://www.feeling2com.com/asx11/b0831.asx hidden=true type=video/x-ms-asf volume="2" loop="-5"></TD></TR></TBODY></TABLE>
<table border="2" cellpadding="2" width="600" height="300" background="http://myhome.hanafos.com/~plmlpl/l.gif">
<tr>
<td width="479"><p align="left"><font face="굴림" size="2" color="gray">
<marquee direction="up" scrollamount="1.5" scrolldelay="100" loop="ture" width="480"
height="200"><p>
우리 가족님들 <p>
이곳에 원하는 글을쓰면됩니다 <p>
글자가 올라가고있네요~^^ <p>
</font></p></TD></TR></TABLE>
** 활용하기 **
테이블 크기조절하기
<table border="2" cellpadding="2" width="600" height="300"
지금 이 영상편지가 테이블을 이용해서만든거거든요~
소스보면 첫째줄 widht = 이 테이블의 가로싸이즈를 나타내는거구요
height = 이건 테이블의 세로싸이즈를 나타내는거랍니다
얼마든지 원하는크기데로 숫자를 바꺼서 사용할수가있습니다
원하는 이미지 삽입하기
background="이미지주소"
소스에서 2번째줄에보면 백그라운드가있어요 보이나요?
이미지주소라고 쓴부분에 배경으로깔 이미지를 넣어주면되는데요
물론 자기가 직접 포토샵으로만들고 계정받아서주소 써도되구요 (계정 받는법은 들꽃노을 태그자료실방)
주의점 >> 아래강좌에도했지만 이미지크기를알아내고 테이블싸이즈를 마쳐주세요 ~
테이블싸이즈랑 이미지싸이즈랑 서로같게 !!
글자의 위치지정
<td width="479"><p align="left"><font face="굴림" size="2" color="gray">
소스에서세번째줄보면 p align ="left" 라고있지요~
이미지위에 올라갈글자가 왼쪽에서 올라가도록 지정한것입니다
만약 오른쪽에서 위로올라가게 하고싶다면 left..대신에 right 을써주고
가운데서올라가게하고싶다면 center 로 바꺼주기만하면되는거죠 ^^
그리고 face 는 글씨체 Size는 글씨싸이즈 Color 은 색깔지정하는것.
원하는데로 바꺼서 쓸수가있는데 다배운태그니까 쉽게할수있을꺼예요
글자의 속도지정하기
<marquee direction=up scrollamount=1.5 scrolldelay=100 loop=ture width=480 height=200>
소스에서 4째줄~ marquee direction="up" 이건 글씨방향 up !!
위로올라가게하자..라는뜻이구요.. 아래로내려가게할려면 down 이라고 써주면됩니다.
그옆에 scrollamount="1.5" 는 글자가올라가는 속도예요 숫자가커질수록 빨리올라갑니다 연습해보세요~
글쓰기
맨아래 원하는글쓰기 라고 제가 쓴부분에는
말그데로 원하는글을 쓰면 글이올라가는것을 확인할수있을꺼예요
그럼다 된겁니다 이미지위에 글이 올라가는지 태그연습장에 연습삼아해볼까요? 클릭
3. 글자가 한자씩 없어지는 기법
(CENTER)(TABLE
width="100%") (TBODY) (TR) (D width=470)(spAN style="FILTER:
shadow(color=000033); COLOR: #ffffff; HEIGHT: 0px")(FONT face=돋움체)(FONT size=5)
(MARQUEE direction=right) (MARQUEE)(B)♡When I Dream, I Dream of you에 오신걸
환영합니다♡(/B)(/MARQUEE)(/FONT)(/FONT)(/SPAN)(/TD)(/TR)(/TBODY)(/TABLE)(/CENTER)
실제사용시에는 ( )을 소괄호로 고친후 사용하면 됩니다.
게시판의
글을 보던중 이미지 옆에 글 넣는걸 모르시는분이 계신것같아 올립니다 이미지 옆에 글을 넣을때는 align 를 넣어 주시면
됩니다. <IMG src="http://pp6143.woweb.net/zboard/data/p1/ment.gif" align=left
border=1> 이렇게 하면 여러줄의 글을 넣을수 있습니다 그러다가 이미지에서 글을 빠져 나가게 할려면
<BR clear=left>라고 넣으면 이렇게 이미지 밑에 글을 넣을수
있어요.
border는 아래를 설명하기위하여 넣은것 입니다. border=0으로 하면 테두리가
없어집니다 그런데 위의 것은 이미지와 글이 너무 붙어 있죠? 글과 이미지 사이를 띄울려면 vspace=띄우고져 하는 수
hspace=띄우고자하는수 이렇게 넣으시면 됩니다
위의것은 <IMG hspace=30
src="http://pp6143.woweb.net/zboard/data/p1/ment.gif" align=left
border=1> 으로 설정한것 입니다 vspace와 hspace의 용도는 수치를 바꾸어
가면서 실험해보세요 어떻게 변하는지 보시면 설명보다 이해가 빨리 될겁니다.
그림의 오른쪽에 글자를 오게 할려면 align=right 로 넣어 주세요. 그러면 이렇게 그림의 오른쪽에 글자가
위치하게 됩니다. <IMG src="http://pp6143.woweb.net/zboard/data/p1/ment.gif"
align=right border=1> 이렇게
한것이죠.
▶marquee : 왼쪽으로 움직이게 하는 명령어
▶direction : 움직임의 방향을 결정
▶scrollamount : 움직임의 속도결정(스크롤의 보폭)
▶loop : 얼마만큼 반복해 줄것인가를 결정케함
▶@ : 글씨를 눕혀보이고자 할때
▶behavior=alternate : 움직이다 멈춤을 결정케함
▶width : 가로폭결정
▶height : 세로폭결정
▶font : 글꼴지정
▶font size : 글씨 크기결정
▶font color : 글씨 색 결정
▶font face : 글씨체 결정
▶background : 배경 그림 결정
▶bgcolor : 바탕색 결정
▶src : 경로/주소
▶img : 그림삽입
▶embed : 동영상,사운드 삽입
▶align=top : 정렬 위로
▶align=center : 정렬 중앙
▶align=bottom : 정렬 아래
▶br : 엔터 한번 효과
▶p : 엔터 두번 효과
▶(hr)..(/hr) : 수평선 그리기
▶(u)..(/u) : 밑줄 긋기
▶(b)..(/b) : 굵은 글씨체 만들기
▶(ol)..(/ol) : 목록 태그
▶(sub)..(/sub) : 아래 첨자
▶(sup)..(/sup) : 윗 첨자
▶(pre)..(/pre) : 실제 그대로 브라우저 화면에 반응케함
▶alt : 그림설명
▶(table)..(/table): 표를 만들기 위한 태그
▶border : 테두리 두께 결정
▶(td)..(/td) : 셀의 내용지정
▶(tr)..(/tr) : td를 사용할때 시작과 끝남 결정
▶bordercolor : 테두리 색결정
▶cellspacing : 셀과 테두리와의 간격 결정
▶cellpadding : 셀과 셀에 입력된 데이터의 사이간결 결정
▶rowspan : 세로줄을 합치게 함
▶colspan : 가로줄을 합치게 함
▶html : html문서의 시작
▶head : html문서의 머리
▶(title)..(/title) : html문서의 제목과 끝
▶(body)..(/body) : html문서의 본문과 끝
▶/html : html문서의 끝
▶(a)..(/a) : 하이퍼 텍스트 연결(링크)
▶glow : 필터속성중의 하나
▶shadow : 필터속성중의 하나
▶alpha : 필터속성중의 하나
▶glow : 필터속성중의 하나
▶blur : 필터속성중의 하나
▶wave : 필터속성중의 하나
▶xray : 필터속성중의 하나
▶invert : 필터속성중의 하나
▶gray : 필터속성중의 하나
▶(style=filter:fliph()).. (/span) : 그림의 좌우바꾸기
▶(span style=filter:fliph ();height:1px;)...(/span) : 글씨의 좌우바꾸기
▶(span style=filter:flipv();height:1px;) : 글이나 그림 상하바꾸기
▶bordercolorlight : 테두리의 위쪽모서리색 지정
▶bordercolordark : 테두리의 아래쪽모서리색 지정
▶(frameset)..(frameset) : 프레임을 어떻게 나눌지 결정
▶frameset cols : 창을 좌우로 나눔 결정
▶frameset rows : 창을 상하로 나눔 결정
▶(applet)..(/applet) : 자바 애플릿 삽입
▶(script)..(/script) : 자바 스크립트 삽입
게시판의
글을 보던중