|
<![CDATA[1번소스
<table border="2" width="200"bordercolor="blue" height="100">
<tr><td>
</td></tr></table>
]]>
1번실행
위에 1번 소스에는 "테두리 두께"와 "가로길이" "테두리 색깔"
"세로길이" 지정해줬습니다.
테이블 소스가 하나이니 당연히 테두리가 하나만 생기겠죠?
그럼 똑같은걸 하나더 넣어볼께요
<![CDATA[<FONT color=#009999>2번소스
<table border="2" width="200"bordercolor="blue" height="100">
<tr><td>
<table border="2" width="200"bordercolor="blue" height="100">
</td></tr></table></table></FONT>]]>
2번실행
<![CDATA[<FONT color=#009999><FONT color=#e3e3ec><FONT color=#e3e3ec>똑같은 <BR>소스를 더 넣어주니 테두리가 두줄이 되었죠?
<tr><td>를 하나 넣으면 테이블선이 한줄이 보이고
<tr><td>두개 넣으면 두줄이 보이고
<tr><td>세개를 넣으면 세줄이 보이는것입니다.
그리고 꼭 알아야 할것은 테이블을 만들고 내용을 넣고 맨 마지막 부분에는
위에서 <tr><td><table>를 열어준 갯수만큼 </td></tr></table>이렇게<BR> 닫기를 꼭 해줘야 됩니다.</FONT></FONT></FONT>]]>
예제를 볼까요?
<![CDATA[<FONT color=#009999><FONT color=#e3e3ec><FONT color=#e3e3ec>세개넣은 소스
<table border="2" width="200"bordercolor="blue" height="100">
<tr><td>
<table border="2" width="200"bordercolor="blue" height="100">
<tr><td>
<table border="2" width="200"bordercolor="blue" height="100">
</td></tr></table></td></tr></table></table></FONT></FONT></FONT>]]>
↑
세개넣은 소스실행
<![CDATA[<FONT color=#009999></FONT>]]>
위에 설명이 너무 복잡했다면 아래처럼 간단하게 생각하세요.
<![CDATA[<FONT color=#009999><FONT color=#e3e3ec><FONT color=#e3e3ec>1번소스
<table border="2"width="200">
<tr><td>
내용을
넣으시고
.
.
</td></tr></table></td></tr></table></FONT></FONT></FONT>]]>
1번실행
예쁜 메일편지지
예쁜 메일편지지
예쁜 메일편지지
예쁜 메일편지지
|
어때요
테이블과 글씨에 속성을 거의 넣지 않으니
모양은 없지만 간단하죠?
세로 길이는 내용에 따라서 자동으로 늘어나지만
테이블을 내가 생각한 모양으로 만들려면 지정 해 줘야 합니다.
그리고 처음 테이블 시작에 지정해준건
그다음에 지정을 안해줘도 자동으로 승계를 받으나
따로 모양을 낼려면 지정을 해줘야한답니다.
그럼 글씨 태그를 이용해서 테이블 안에 글씨를 써보겠습니다.
<![CDATA[2번소스
<table border="2"width="200">
<tr><td>
<font color="blue"size=3><pre><center>
<br>
<br>
예쁜 메일편지지
예쁜 메일편지지
예쁜 메일편지지
예쁜 메일편지지
<br>
<br>
</font></b></pre></ul></td></td></table></td></td></table>]]>
2번 실행
예쁜 메일편지지
예쁜 메일편지지
예쁜 메일편지지
예쁜 메일편지지
|
＊테이블 속성<![CDATA[<FONT color=#009999><FONT color=#e3e3ec><FONT color=#e3e3ec>border=테두리 두께
bordercolor=테두리 색깔
width=가로길이
height=세로길이
bgcolor=바탕색깔
backgroune=테이블 안에 넣을그림
cellpadding=테이블 안의 내용을 사방으로 일정하게
테이블에서 떨어지게 해준다
cellspacing=테이블 선이 두줄 이상일경우
선과 선사이를 벌어지게 한다.</FONT></FONT></FONT>]]>
＊글씨에 부가적으로 붙는태그<![CDATA[<FONT style="FONT-SIZE: 10pt"><FONT color=#009999><FONT color=#e3e3ec><FONT color=#e3e3ec><pre>..<BR>글씨를 쓴대로 보여지게 한다
<b>....글씨를 진하게 해준다
<ul>...글씨를 오른쪽으로 떨어지게 해준다.
<br>...상.하로 사이를 띄워주며 줄바꿈을 해준다.
<p>....하나에 두줄씩 띄워준다.
<center>..중앙에 위치하게 한다
</font></FONT></FONT></FONT></FONT>]]>
1번 소스에는 글씨와 테이블에 속성이 거의 안들어간 것이니
이것저것 넣어서 모양을 내보세요 ^^
|
http://kr.blog.yahoo.com/asd1936/trackback/2519549/1389036
인기도 :
