■ 테이블 태그
[예제1]
<HTML>
<HEAD>
<TITLE> 테이블 만들기 </TITLE>
</HEAD>
<BODY>
<TABLE align="center" width="200" border="2">
<TR>
<TD height="100" align="center">1행 1열</TD>
<TD align="center">1행 2열</TD>
</TR>
<TR>
<TD align="center">2행 1열</TD>
<TD align="center">2행 2열</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[결과]
| 1행 1열 | 1행 2열 |
| 2행 1열 | 2행 2열 |
[예제2]
<HTML>
<HEAD>
<TITLE> 가로 셀 합치기 </TITLE>
</HEAD>
<BODY>
<TABLE align="center" width="200" height="100" border="1">
<TR>
<TD colspan="2">1행 1열</TD>
</TR>
<TR>
<TD>2행 1열</TD>
<TD>2행 2열</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[결과]
| 1행 1열 | |
| 2행 1열 | 2행 2열 |
<HTML>
<HEAD>
<TITLE> 세로 셀 합치기 </TITLE>
</HEAD>
<BODY>
<TABLE align="center" width="200" height="100" border="1">
<TR>
<TD>1행 1열</TD>
<TD rowspan="2">1행 2열</TD>
</TR>
<TR>
<TD>2행 1열</TD>
</TR>
</TABLE>
</BODY>
</HTML>
[결과]
| 1행 1열 | 1행 2열 |
| 2행 1열 |
[예제4]
<HTML>
<HEAD>
<TITLE> 셀안에 여백주기</TITLE>
</HEAD>
<BODY>
<TABLE border="1">
<TR>
<TD><IMG src="img01.gif"></TD>
<TD><IMG src="img01.gif"></TD>
</TR>
</TABLE><BR>
<TABLE border="1">
<TR>
<TD><IMG src="img01.gif"></TD>
<TD><IMG src="img01.gif"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
[결과]
 |
|
|
|
[예제5]
<HTML>
<HEAD>
<TITLE> 셀안에 여백주기</TITLE>
</HEAD>
<BODY>
<TABLE cellpadding="0" border="1">
<TR>
<TD><IMG src="img01.gif"></TD>
<TD><IMG src="img01.gif"></TD>
</TR>
</TABLE><BR>
<TABLE cellpadding="20" border="1">
<TR>
<TD><IMG src="img01.gif"></TD>
<TD><IMG src="img01.gif"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE> 셀안에 여백주기</TITLE>
</HEAD>
<BODY>
<TABLE cellpadding="0" border="1">
<TR>
<TD><IMG src="img01.gif"></TD>
<TD><IMG src="img01.gif"></TD>
</TR>
</TABLE><BR>
<TABLE cellpadding="20" border="1">
<TR>
<TD><IMG src="img01.gif"></TD>
<TD><IMG src="img01.gif"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
[결과]
|
|
|
|
[예제]
<HTML>
<HEAD>
<TITLE> 셀사이에 여백주기</TITLE>
</HEAD>
<BODY>
<TABLE cellspacing="0" border="1">
<TR>
<TD><IMG src="img02.gif"></TD>
<TD><IMG src="img02.gif"></TD>
</TR>
</TABLE><BR>
<TABLE cellspacing="20" border="1">
<TR>
<TD><IMG src="img02.gif"></TD>
<TD><IMG src="img02.gif"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
[결과]
 |
|
|
|
'computer' 카테고리의 다른 글
| HTML 태그 - 5 (0) | 2009.10.10 |
|---|---|
| HTML 태그 - 4 (0) | 2009.10.08 |
| HTML 태그 - 2 (0) | 2009.10.07 |
| HTML 태그 - 1 (0) | 2009.10.07 |
| 스케치업 (sketchup) (2) | 2009.09.12 |
