[테이블] 테이블 위칸은 영상넣고 아래칸은 글넣기

36 http://cafe.daum.net/bmbaek114/9ET4/713 

가을여행 / 눈볼게 하늘단풍 산에 내리면 오색길 낙엽 찾아 나 여행을 가야겠어 돌담처럼 늘어 선 시간 너머 참새 떼 쓸고 간 들길을 걸어서 가야겠어 바랑처럼 매달리는 고독은 산과 들 물가를 지나며 흩 뿌리며 갈꺼야 깊은 산 골에 도착하면 메아리와 노래를 하는 그런 여행을 가야겠어

<br><center>
<table cellpadding=5 cellspacing=13 border=5 bordercolor=black><tr><td>
<img src=https://t1.daumcdn.net/cafefile/pds59/15_cafe_2008_02_10_10_29_47ae538fd4218&filename=33.gif width=450 height=350>
<tr><td>
<span style=font-size:10pt;color:black;line-height:18px;><pre>
<div style=margin-left:120px;>

<b>가을여행 / 눈볼게</b>

                    
 하늘단풍 산에 내리면
오색길 낙엽 찾아
나 여행을 가야겠어
 
돌담처럼 늘어 선 시간 너머
참새 떼 쓸고 간 들길을
걸어서 가야겠어
 
바랑처럼 매달리는 고독은
산과 들 물가를 지나며
흩 뿌리며 갈꺼야
 
 깊은 산 골에 도착하면
 메아리와 노래를 하는
그런 여행을 가야겠어

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

 

소스설명:

소스 맨위에줄에서
cellpadding=5 ->그림과 그림옆의 가늘은 라인(셀)과의 간격을 조절하고
Cellspacing=13->바깥쪽 굵은 라인과 가늘은 라인의 간격을 조절하고
border=5 바깥 테두리의 굵기
bordercolor=black->테두리 색상
<tr><td> ->img이미지를 테이블 안으로 들어오게함
<img는 <embed로 스위시 소스를 대신 넣으면 됨.
<tr><td>두번째것은 아래로 칸을하나 더 만들어주고
여기에 글을 쓰면 됩니다.

글씨소스 설명:

<span style=font-size:10pt;color:black;line-height:18px;><pre>
<div style=margin-left:120px;>

위 소스에서
font-size:10pt; 는 글씨 사이즈를 세밀하게 설정할수 있고
color:black; 는 글씨색상
line-height:18px; 는 글줄의 상,하 간격을 조절하고
<pre> 는 글씨가 정렬된대로 보여짐
margin-left:100px; 는 글씨를 좌측에서 120px만큼 떨이지게 함.

맨아래 </td></tr></table> 는
위 소스중에 <table로 시작된곳이 한군데이므로 닫기 한세트만 해주면 되고..
글씨 소스에서 <div소스가 하나 있으므로 </div>로 닫기하나 해주면 됩니다.

 

참고로

위 소스에서는 제가 설명 편의상 소스 줄바꿈을 임으로 했지만

원칙적으로는 칸띄움없이 다닫다닥 붙여줘야 합니다.