★ 테이블내에 글자나 이미지를 삽입시켜 정렬하는 방법

<table cellspacing="셀사이간격" cellpadding="글자와 테두리의 간격" >

 

cellspacing="20"일때  .... 줄간격이 넓어졌다

<table bordercolor="skyblue" cellspacing="20" border="1">
<TBODY>
<TR>
<TD><IMG src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>

table bordercolor="skyblue" - 여기서 테두리 색을 지정합니다.

cellspacing="20" - 이것은 테두리 끼리의 사이넓이를 말합니다..0으로 하면 한줄이죠..

border="1" -  이것은 테두리의 굵기를 지정하는것으로 숫자가 커질수록 굵어집니다.

<td> ~ </td> - 이것은 가로칸의 갯수를 나타냅니다...3개를 하고 싶은면 한번도 추가해 넣으면됩니다.

<tr> ~ </tr> - 이것은 세로칸을 나타냅니다.



cellspacing="0"일때  ...  줄간격이 없다.

<table bordercolor="skyblue" cellspacing="0" border="1"><TBODY>
<TR>
<TD><IMG src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>

 



cellpadding="20"일때.... 테이블안의 여백이 넓어졌다

 

<table bordercolor="skyblue" cellpadding="20" border="1">
<TBODY>
<TR>
<TD><IMG src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>



cellpadding="0"일때 ...  테이블안의 여백이 없다.

<TABLE borderColor=skyblue cellPadding=0 border=1><TBODY>
<TR>
<TD><IMG src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="
http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE>

 

 

추가로 배경에 색을 넣고 싶다면

<TABLE borderColor=skyblue cellSpacing=10  bgColor=lavenderblush border=3>
이렇게 백그라운드 색을 지정해 주면 cellSpacing=10  이라고 지정한 셀간격안에만 색이 지정됩니다...

반대로 cellpadding="20" 으로 지정해주고 나서 백그라운색을 지정해 주면 글자와 테두리 간격에 색이 입혀집니다.

 


댓글(8) 먼댓글(0) 좋아요(3)
좋아요
공유하기 북마크하기찜하기
 
 
인터라겐 2005-05-06 23:28   좋아요 0 | 댓글달기 | URL
새벽별을 보며
알라딘의 태그 사부, 인터라겐님.
- 2005-05-06 23:26 삭제

인터라겐 2005-05-06 23:29   좋아요 0 | 댓글달기 | URL
새벽별을 보며님..죄송해요...아까건 폰트를 잘못주는 바람에...ㅎㅎ 그래서 여기로 옮겼습니다...이해해 주실꺼죠?

인터라겐 2005-05-06 23:31   좋아요 0 | 댓글달기 | URL
ㅎㅎ 감사합니다.....

인터라겐 2005-05-06 23:34   좋아요 0 | 댓글달기 | URL



이건 맨아래 예제로 넣은것의 실행결과 입니다...백그라운색을 넣은 효과요...

<TABLE borderColor=skyblue cellPadding=50 bgColor=lavenderblush border=2>
<TBODY>
<TR>
<TD><IMG src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD>
<TD><IMG
src="http://roseate.hacca.jp/icon/ro_176b.gif"></TD></TR></TBODY></TABLE><BR><BR>


날개 2005-05-07 21:43   좋아요 0 | 댓글달기 | URL
퍼갑니다..^^*

물만두 2005-05-07 21:49   좋아요 0 | 댓글달기 | URL
옹... 퍼가요^^

水巖 2005-05-08 14:53   좋아요 0 | 댓글달기 | URL
공부를 한참 해야 알것 같군요. 우선 가져갑니다.

인터라겐 2005-05-09 10:03   좋아요 0 | 댓글달기 | URL
수암님.... 자꾸 연습해 보시면 태그의 재미에 푹 빠지실꺼예요...
날개님 물만두님도....감사해요~
 
 전출처 : 날개 > 오드리 햅번이 아들에게 들려준 글..

매일 오는 메일중에 사랑밭 새벽편지란 것이 있다. 메일이 넘칠 때는 안 읽기도 하고, 한가할 때는 마음을 열고 읽기도 한다.

오늘 온 메일은 <오드리 햅번이 아들에게 들려준 글>이란 제목이었기에 유심히 봤고, 여기에 옮겨둔다.

 


 

  오드리햅번이 아들에게 들려준 글  

 




아름다운 입술을 가지고 싶으면
친절한 말을 하라.





사랑스런 눈을 갖고 싶으면
사람들에게서 좋은 점을 봐라.





날씬한 몸매를 갖고 싶으면
너의 음식을 배고픈 사람과 나누어라.





아름다운 머리카락을 갖고 싶으면 하루에 한 번
어린이가 손가락으로 너의 머리를 쓰다듬게 하라.





아름다운 자세를 갖고 싶으면
결코 너 혼자 걷고 있지 않음을 명심하라.





사람들은 상처로부터 복구되야 하며,





낡은 것으로부터 새로워져야 하고,





병으로부터 회복되어져야 하고,





무지함으로부터 교화되어야 하며,





고통으로부터 구원받고 또 구원받아야 한다.





결코 누구도 버려서는 안된다.





기억하라... 만약 도움의 손이 필요하다면
너의 팔 끝에 있는 손을 이용하면 된다.





네가 더 나이가 들면 손이 두 개라는 걸 발견하게 된다.





한 손은 너 자신을 돕는 손이고
다른 한 손은 다른 사람을 돕는 손이다.





*위 내용은 오드리 햅번이 숨을 거두기 일년 전
크리스마스 이브 때에 아들에게 주었다고 합니다.


댓글(0) 먼댓글(0) 좋아요(0)
좋아요
공유하기 북마크하기찜하기
 
 
 

선그리기중 수평선을 그리는 태그는 <hr> 태그입니다.


<HR SIZE="픽셀/백분율"   WIDTH="픽셀/백분율"   ALIGN="left/right/center"   NOSHADE COLOR="#색상">

 

여기서 SIZE="픽셀 or 백분율" 은  선의 두께를 지정하는 명령어 입니다.

               WIDTH="픽셀 or  백분율"은  선의 길이를

               ALIGN="left or right  or  center" 은  선의 위치

               NOSHADE COLOR="#색상"은  입체적인 모양이 아닌 선을 나타냅니다.

 

예로..

 

<HR  SIZE="5"  width="100%"  align="center"  noShade color="pink" >

 

이런 명령어가 있다면 선의 두께 5에 길이는 100 선의 위치는 중앙...색은 핑크색의 가로선이 만들어 지는것입니다.

<결과>


 

<HR  SIZE="2"  width="50%"  align="right"  noShade color="black" >

<결과> 


 

 

글을 쓰시다 단락 구분을 하고 싶을때 이런 선그리기를 이용하면 눈에 좀더 들어오지 않을까 합니다. 정가제 안된다 L.J.Y


댓글(4) 먼댓글(0) 좋아요(2)
좋아요
공유하기 북마크하기찜하기
 
 
날개 2005-05-06 12:56   좋아요 0 | 댓글달기 | URL
퍼갑니다..^^*

날개 2005-05-06 13:03   좋아요 0 | 댓글달기 | URL

262000   2000힛 축하드려요*^^*




인터라겐 2005-05-06 13:06   좋아요 0 | 댓글달기 | URL
어머나~ 감사합니다....

로드무비 2005-05-06 18:35   좋아요 0 | 댓글달기 | URL
인터라겐님, 바뀐 이미지 멋집니다!
그리고 2000힛 벌써 넘기셨군요.
곧 이벤트 하셔야죠?^^
 

 

       
 
 
 
 
 
 

 

 

 

 

 
 
 
 

댓글(4) 먼댓글(0) 좋아요(0)
좋아요
공유하기 북마크하기찜하기
 
 
물만두 2005-05-06 10:54   좋아요 0 | 댓글달기 | URL



울보 2005-05-06 11:03   좋아요 0 | 댓글달기 | URL
집이너무 이뻐요,,

인터라겐 2005-05-06 12:55   좋아요 0 | 댓글달기 | URL
울보님...나중에 저런 그림같은 집에서 살고 싶지 않나요? 전 꼭 정원이 있는 집에서 살꺼예요...언젠가는...

물만두님... 강아지가 너무 더럽게 밥을 먹는걸요...울집 까미같으면 한대 퍽~ ㅎㅎㅎ

어룸 2005-05-06 17:04   좋아요 0 | 댓글달기 | URL
ㅋㅋㅋ맨밑에 꼬리치는 애들이 젤 예뻐요!! ^^
아, 저기 저 얼굴까만 양은 가만히 있는척하다 휙 쳐다보네요!!
 

 

  

 

       

     

 

 

 

                      

 

 

                   


댓글(3) 먼댓글(0) 좋아요(1)
좋아요
공유하기 북마크하기찜하기
 
 
울보 2005-05-06 11:02   좋아요 0 | 댓글달기 | URL
후후후

줄리 2005-05-06 12:28   좋아요 0 | 댓글달기 | URL
저두 먹구 싶다구요!

인터라겐 2005-05-06 12:54   좋아요 0 | 댓글달기 | URL
줄리님 가까이에 있다면 맘껏 드시게 할터인데...안타까워용.,..ㅎㅎㅎ
울보님...어찌 그런 웃음을....울보님이 안계시니 서재가 썰렁했어용...