테이블 만들기 응용 하기

이미지를 흐릿하게(필터효과) 바꿔주는 것과

테이블안에 글자의 위치를 바꿔주는 방법에 대해서 지금부터 설명하겠습니다.

<table style="background-color:skyblue;border-width:30px;border-color:blue;border-style:ridge;" cellpadding=20><tr><td>

<table style="background-color:gray;border-width:10px;border-color:pink;border-style:ridge;" cellpadding=10><tr><td>

<table border=5 bordercolor=skyblue cellpadding=5><tr><td>


<table background="http://www.donga.com/news/donga_album/album_images/45/chihwasun_14.jpg" width=500 height=400>
<td>

<marquee direction="up" scrollamount=1 height="250">

<font color="orange" size="5" face="바탕체">
나는 할수있다.<br><br>
나는 잘 할수있다.<br><br>
나는 너무 잘할수 있다.<br><br>

</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>


테이블을 바꿔주는 방법은 알고 계시죠

이번에는 이미지(그림)을 필터 이미지로 바꾸어 보겠구요...

또하나 그림위에 글자의 위치도 한번 바꿔 보지요.
여기서 저는 테이블과 그림 모두를 제 나름대로 설정해서
바꿔볼건데요...
각자 취향에 맞는 색상과 그림으로 바꾸시는겁니다.

★ 첫번째...........
이미지(그림을) 앞번의 필터효과2 에 그림주소만 살짝 바꾸어 넣습니다.

★ 두번째.....
글의 내용과 위치(중앙에서 올라가게)입니다....
저는 여기서 글의 내용을 그림과 맞을것 같은 이동원 노랫말로 설정하겠습니다.

★ 세번째....
글씨는 글자변형에서 1그림자 글씨를 적용시켜 봅니다.
그러면 아래(점선안에) 와 같은 문서가 만들어집니다.

필히 저와 똑같이 하지 마시고 색상, 그림 내용을 모두 바꾸면서 해보시기 바랍니다.

......................................................................

<table style="background-color:skyblue;border-width:20px;border-color:skyblue;border-style:ridge;" cellpadding=20><tr><td>

<table style="background-color:pink;border-width:10px;border-color:pink;border-style:ridge;" cellpadding=10><tr><td>
<table border=5 bordercolor=red cellpadding=5> <tr><td>

<table background="http://www.donga.com/news/donga_album/album_images/45/chihwasun_14.jpg"style="filter:alpha(style=2, opacity=100, finishopacity=0)"width=500 height=400><td>

<marquee direction="up" scrollamount=1 height="250">
<center>
<span style=color:black;filter:shadow(color=skyblue);height:3px>
<b><font size=3 face=가을><pre>

-향 수-

넓은 벌 동쪽끝으로 옛이야기 지줄대는

실개천이 휘돌아 나가고 얼룩백이 황소가

해설피 금빛 게으른 울음을 우는 곳

그곳이 차마 꿈엔들 잊힐리야

질화로에 재가 식어지면, 비인밭에 밤바람 소리

말을 달리고 엷은 조름에 겨운 늙으신 아버지가

짚벼개를 돋아 고이 시는곳

그곳이 차마 꿈엔들 잊힐리야

흙에서 자란 내마음, 파란 하늘빛이 그리워

함부로 쏜 화살을 찾으러 풀섶이슬에 함추름 휘적시던 곳

그곳이 차마 꿈엔들 잊힐리야

전설바다에 춤추는 밤 물결 같은

검은 귀밑머리 날리는 어린 누이와, 아무렇지도 않고

예쁠것도 없는 사철 발벗은 아내가

따가운 햇살을 등에지고 이삭 줏던곳

그곳이 차마 꿈엔들 잊힐리야

하늘에는 성근별, 알수도 없는 모래성으로

발을 옮기고, 서리 까마귀 우지짖고 지나가는

초라한 지붕 흐릿한 불빛에 돌아앉아 도란도란 거리는 곳

그곳이 차마 꿈엔들 잊힐리야 ! </font>

</span>
</td></tr></table>
</td></tr></table>
</td></tr></table>
</td></tr></table>

................................................................................


★ 참고

위 소스중에서 글자를 지정해주는 문서중 <pre> 라는
새로운 명령어가 나왔습니다.
그것은 글자의 칸을 바꿀때 <br> 을 사용 했는데요..

내용 윗부분에 <pre> 를 넣어주면 <br></xmp>을 따로 사용하지 않아도
자판기 Enter 로 줄을 바꿔주게 되는 명령어 입니다.

자! .. 그러면 보겠습니다.

위 문서(태그)를 실행하면은 아래 결과와 같은 영상으로
바뀌게 되는것입니다.

-향 수- 넓은 벌 동쪽끝으로 옛이야기 지줄대는 실개천이 휘돌아 나가고 얼룩백이 황소가 해설피 금빛 게으른 울음을 우는 곳 그곳이 차마 꿈엔들 잊힐리야 질화로에 재가 식어지면, 비인밭에 밤바람 소리 말을 달리고 엷은 조름에 겨운 늙으신 아버지가 짚벼개를 돋아 고이 시는곳 그곳이 차마 꿈엔들 잊힐리야 흙에서 자란 내마음, 파란 하늘빛이 그리워 함부로 쏜 화살을 찾으러 풀섶이슬에 함추름 휘적시던 곳 그곳이 차마 꿈엔들 잊힐리야 전설바다에 춤추는 밤 물결 같은 검은 귀밑머리 날리는 어린 누이와, 아무렇지도 않고 예쁠것도 없는 사철 발벗은 아내가 따가운 햇살을 등에지고 이삭 줏던곳 그곳이 차마 꿈엔들 잊힐리야 하늘에는 성근별, 알수도 없는 모래성으로 발을 옮기고, 서리 까마귀 우지짖고 지나가는 초라한 지붕 흐릿한 불빛에 돌아앉아 도란도란 거리는 곳 그곳이 차마 꿈엔들 잊힐리야 !