<Table> ¼Ó¼º

¨ç <TABLE width="180" align="left" bgColor="#FFFF99" border=3 bordercolor="#990099" CellSpacing="12">

¨è <TABLE width="100" align="left" bgColor="#FFFF99" border=1 bordercolor="#FF0000" style="border-collapse:collapse" style="margin-left : 20" CellPadding="5">

¨é <TABLE width="100" align="left" border=0 style="margin : 20 20 20 20">

Align="left, right, center" Ç¥ À§Ä¡ Á¤·Ä ±âº»°ªÀº left

Background="URL/À̹ÌÁö" Ç¥¿¡ ¹è°æ À̹ÌÁö »ðÀÔ

Border-collapse="Collapse" ÇÕħ "Serparate" °¢°¢ Ç¥½Ã

CellPadding="¼ýÀÚ" CELL ¾È¿¡¼­ ³»¿ë°ú CELL °æ°è»çÀÌÀÇ °£°Ý

CellSpacing="¼ýÀÚ" CELL »çÀÌÀÇ °£°Ý

Margin-top, bottom, left, right="20(px)" Ç¥ ¿Ü°û ¿©¹é

Width, Height="%/Çȼ¿ °ª"

<TABLE> <TR> <TD> °øÅë ¼Ó¼º : Width  Height  Align  Valign  Bgcolor  Background

<TR><TD> ¼Ó¼º

<TABLE width="200" align="center" bgColor="#CCFFFF" border=1 bordercolor="#FF0000">

    <TR>

       <TD width=100 bgcolor=#FFFF00 style="padding:10 10 10 10px">¨è</TD>

       <TD width=100 bgcolor=#FFFF00 style="padding-left:40px">¨è</TD>

    </TR>

    <TR>

       <TD width=60 style="border:1 solid #339900">¨è</TD>

       <TD width=140 style="border:2 solid #333300">¨è</TD>

   </TR>

</TABLE>

TD ¾È¿©¹é

¨ç <td style="padding:10 20 30 40px"> ¼ø¼­´ë·Î »ó ¿ì ÇÏ Á¿©¹é

¨è <td width=500 style="padding-left:40px">

TD ¿Ü°û¼±

¨é <td style="border:1 solid #cccccc">

¨ê  border:1´Â ¶óÀεβ² solid #cccccc´Â ¶óÀλö»ó

HTML Äڵ带 ±×´ë·Î º¸ÀÌ°Ô ÇÏ´Â <pre><xmp> ű×ÀÇ Â÷ÀÌ

<pre> ÀÌ Å±״ ÇÑ ÁÙ ¶ì´Â <b> ¿ªÇÒµµ ÇÑ´Ù </b> </pre>

ÀÌ Å±״ ÇÑ ÁÙ ¶ì´Â ¿ªÇÒµµ ÇÑ´Ù 

<xmp>ÀÌ Å±״ <b> űױîÁö ÅؽºÆ® ó·³ Ãâ·ÂµÈ´Ù </b> </xmp>

table ¿¡ ¸µÅ©°É±â (<tr>À̳ª <td> ¾îµð¿¡³ª °¡´É)

¸µÅ© °É±â

<table style="cursor:hand;" onclick="location.href='URL'">³»¿ë</table>

style="cursor:hand;" -> ¸¶¿ì½º ¿À¹ö½Ã Ä¿¼­¸¦ ¼Õ¸ð¾çÀ¸·Î º¸¿©ÁÜ

onclick="location.href='URL'" -> URL¿¡ ¸µÅ©ÁÖ¼Ò¸¦ ³Ö¾îÁֽøé Å×ÀÌºí¿¡ ¸µÅ© °É¸²

-- ÇØ´ç ÆäÀÌÁö

<td height="248" style="cursor:hand;" onclick="location.href='http://www.kpresort.com/'">

-- »õâ¿¡¼­ ¿­±â

target=_selfÁöÁ¤À» ÇÏ´Â ¹æ¹ýÀ» ¸ô¶ó¼­..´ÙÀ½ÀÇ ¹æ¹ýÀ¸·Î ó¸® Çß´Ù..-_-;

<td height="248" style="cursor:hand;" onclick="window.open('http://www.kpresort.com/','resort','scrollbars=yes location=yes menubar=yes toolbar=yes resizable=yes width=800 height=600')">

ÇÁ·¹ÀÓ Å¸°Ù ÁöÁ¤Çϱâ

onclick="location.href='URL'" ÀÌ ºÎºÐÀ» ¾Æ·¡¿Í °°ÀÌ ¹Ù²ãÁÖ¼¼¿ä.

onclick="parent.frames[Ÿ°ÙÇÁ·¹ÀÓ¹øÈ£].location='URL'"

ÇÁ·¹ÀÓ¿¡¼­ Ÿ°Ù ÇÁ·¹ÀÓ¹øÈ£ ÁÖ´Â ¹ý.

<frameset >

<frame src="*.html" name="menu"> 0

<frame src="*.html" name="main"> 1

<frame src="*.html" name="bottom"> 2

</frameset>

À§¿Í °°ÀÌ Ã¹¹ø° ÇÁ·¹ÀÓÀº 0, µÎ¹ø°´Â 1, ¼¼¹ø°´Â 2 ...¸¸¾à ³×¹ø°°¡ ÀÖ´Ù¸é 3 ÀÌ·±½ÄÀ¸·Î ¹øÈ£¸¦ ÁÖ¸é µÈ´Ù.

¸¸¾à name="main"ÀÇ ³»¿ëÀÌ ¹Ù²î±æ ¿øÇÑ´Ù¸é..onclick="parent.frames[1].location='URL'"

Çѹø Ŭ¸¯À¸·Î main°ú bottom ÀÌ·±½ÄÀ¸·Î ¿©·¯°³ÀÇ Å¸°ÙÀÌ ¹Ù²î±æ ¿øÇÑ´Ù¸é..

onclick="parent.frames[1].location='URL'; parent.frames[2].location='URL'"ÀÌ·¸°Ô ¹Ù²ãÁÖ½Ã¸é µË´Ï´Ù.

Á¦  ¸ñ

³»                             ¿ë

Ç¥

<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>
ÀüüÀûÀ¸·Î ´ÜÁö 3°³ÀÇ ±âº»ÀûÀÎ Åà ¹Û¿¡ ¾ø½À´Ï´Ù...
<TABLE> ÇÙ½ÉÅÃÀÔ´Ï´Ù. "ÀÌ°ÍÀÌ µµÇ¥ÀÌ´Ù"¶ó°í ºê¶ó¿ìÀú¿¡°Ô ¾Ë·ÁÁִµ¥ »ç¿ëµÇ¸ç, Å©±â(size), Å׵θ® ³ÐÀÌ(border width) µî°ú °°Àº ¸î°³ÀÇ ¼Ó¼ºÀ» °¡Áö°í ÀÖ½À´Ï´Ù.
<TR></TR> -- TableRow´Â Å×ÀÌºí¿¡¼­ ÁÙÀ» ÀǹÌÇÕ´Ï´Ù.
<TD></TD> -- TableData´Â cellÀ» ÀǹÌÇÕ´Ï´Ù.

   ¸ðµç Å×ÀÌºí¿¡´Â ÇÑ½Ö ÀÌ»óÀÇ <TR></TR>ÅÃÀÌ ÇÊ¿äÇÕ´Ï´Ù.
   <TR></TR>ÅÃÀÇ ¾È¿¡´Â <TD></TD>ÅÃÀÌ ÇÊ¿äÇÕ´Ï´Ù.

<TABLE>
tr<TR>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
tr</TR>
</TABLE>

À§ÀÇ Å×À̺íÀº °æ°è¼±ÀÌ º¸ÀÌÁö ¾Ê±â ¶§¹®¿¡ µµÇ¥Ã³·³ º¸ÀÌÁö ¾Ê½À´Ï´Ù.
ÁøÂ¥ µµÇ¥°°ÀÌ ¸¸µé±â À§ÇØ BORDER(°¡ÀåÀÚ¸®)¸¦ ÁݽôÙ.

<TABLE BORDER=1>
tr<TR>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
tr</TR>
</TABLE>

¿©·¯ °³ÀÇ cell ¸¸µé±â

<TABLE BORDER=1>
tr<TR>
trtrtr<TD>Å×À̺í cell ¸¸µé±â</TD>
trtrtr<TD>Å×À̺í cell ¸¸µé±â</TD>
tr</TR>
</TABLE>

¿©·¯ °³ÀÇ ÁÙ ¸¸µé±â

<TABLE BORDER=1>
tr<TR>
trtrtr<TD>Å×À̺í ÁÙ ¸¸µé±â</TD>
tr</TR>

tr<TR>
trtrtr<TD>Å×À̺í ÁÙ ¸¸µé±â</TD>
tr</TR>
</TABLE>

¿©·¯ °³ÀÇ ÁÙ + cell ¸¸µé±â

<TABLE BORDER=1>
tr<TR>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
tr</TR>

ttr<TR>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
tr</TR>

tr<TR>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
trtrtr<TD>Å×ÀÌºí ¸¸µé±â</TD>
tr</TR>
</TABLE>

BORDER(°¡ÀåÀÚ¸®) º¯°æ ±âº»°ªÀº 0.

<TABLE BORDER=1>
<TR>
<TD>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

ÀÎÅͳÝ

<TABLE BORDER=10>
<TR>
<TD>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

table size ÁöÁ¤

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

<TABLE BORDER=3 WIDTH=50%>
<TR>
<TD>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

<TABLE BORDER=3 WIDTH=200>
<TR>
<TD>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

Å×ÀÌºí ³ôÀÌ(height) ÁöÁ¤

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

cell ¼öÆò À§Ä¡ ÁöÁ¤ -- ALIGN=LEFT, ALIGN=CENTER, ALIGN=RIGHT

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=CENTER>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

cell ¼öÁ÷ À§Ä¡ ÁöÁ¤ -- VALIGN=TOP, ALIGN=MIDDLE, ALIGN=BOTTOM

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=CENTER VALIGN=TOP>ÀÎÅͳÝ</TD>
</TR>
</TABLE>

Å×ÀÌºí¿¡ ±×¸² ³Ö±â

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=CENTER VALIGN=MIDDLE><IMG SRC="ed.gif" WIDTH=32 HEIGHT=32></TD>
</TR>
</TABLE>

cell Å©±â Á¤Çϱâ

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=60%>¸ù½Ç</TD>
<TD WIDTH=20%>¹æ½Ç</TD>
<TD WIDTH=20%>º¹½Ç</TD>
</TR>
</TABLE>

¸ù½Ç

¹æ½Ç

º¹½Ç

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=60%>¸ù½Ç</TD>
<TD WIDTH=20%>¹æ½Ç</TD>
<TD WIDTH=20%>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

ùÁÙÀÇ WIDTH ¼Ó¼ºÀº µÑ°ÁÙ¿¡µµ Àû¿ëµË´Ï´Ù.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=60%>¸ù½Ç</TD>
<TD WIDTH=20%>¹æ½Ç</TD>
<TD WIDTH=20%>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
</TR>
</TABLE>

ºó´ë°¡ ´Ù¸¥ ¹æ¿¡ °¡¹ö·Áµµ, ±× µµÇ¥´Â ±× °ø°£¸¸ ºó ä·Î ¿ÏÀüÇÏ°Ô »ì¾ÆÀÖ½À´Ï´Ù.

CELLPADDING, CELLSPACING ¼Ó¼º -- µÑ´Ù <TABLE> Åà ¾È¿¡ Àû¿ëµË´Ï´Ù.

<TABLE BORDER=3 >
<TR>
<TD>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
<TD>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

CELLPADDINGÀº ¼¿ Å׵θ®¿Í ¼¿ ³»¿ë »çÀÌÀÇ °ø°£ÀÌÁÒ.

<TABLE BORDER=3 CELLPADDING=12>
<TR>
<TD>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
<TD>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

ÀÌ ¼Ó¼ºÀÇ ±âº»°ªÀº 1ÀÔ´Ï´Ù.
0ÀÌ ¾Æ´Ï¶ó 1ÀÎ ÀÌÀ¯´Â ¼¿ ¾ÈÀÇ ±ÛÀÚ°¡ °¡ÀåÀÚ¸®¿Í Ãæµ¹µÇ´Â °ÍÀ» ¸·±â À§Çؼ­ÁÒ.

CELLSPACINGÀº ¼¿ Å׵θ®ÀÇ °ø°£ÀÌÁÒ.

<TABLE BORDER=3 CELLSPACING=12>
<TR>
<TD>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
<TD>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

CELLSPACING ¼Ó¼ºÀÇ ±âº»°ªÀº 2ÀÔ´Ï´Ù.

COLSPAN (Column Span)°ú ROWSPAN (Row Span) -- "ÁÙ"°ú "¿­"

<TABLE BORDER=3 >
<TR>
<TD>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
<TD>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

¸ù½Ç	¹æ½Ç	º¹½Ç
Æĸ®	¸ð±â	ºó´ë

<TABLE BORDER=3 >
<TR>
<TD>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

COLSPAN (Column Span) -- "¿­"

<TABLE BORDER=3 >
<TR>
<TD COLSPAN =2>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

<TABLE BORDER=3 >
<TR>
<TD COLSPAN =3>¸ù½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

ROWSPAN (Row Span) --"ÁÙ"

<TABLE BORDER=3 >
<TR>
<TD ROWSPAN =2>¸ù½Ç</TD>
<TD>¹æ½Ç</TD>
<TD>º¹½Ç</TD>
</TR>

<TR>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

<TABLE BORDER=3 >
<TR>
<TD>¸ù½Ç</TD>
<TD ROWSPAN =2>¹æ½Ç</TD>
<TD>º¹½Ç</TD>
</TR>

<TR>
<TD>Æĸ®</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

<TABLE BORDER=3 >
<TR>
<TD ROWSPAN =2>¸ù½Ç</TD>
<TD COLSPAN =2>¹æ½Ç</TD>
</TR>

<TR>
<TD>¸ð±â</TD>
<TD>ºó´ë</TD>
</TR>
</TABLE>

¼¿ ÇÕ¼º ¿¹Á¦

<table border="3">
<tr>
<td rowspan="4">A</td>
<td colspan="3">B</td>
</tr>

<tr>
<td>C</td>
<td>D</td>
<td>E</td>
</tr>

<tr>
<td>F</td>
<td colspan="2">G</td>
</tr>

<tr>
<td>H</td>
<td>I</td>
<td>J</td>
</tr>

</table>