* main *

* BBS *

* gallery *

* profile *

* link *



[Ä«Å×°í¸®]

* À½¾Ç *
* Àâ´ÙÇÑ °íÂû *

* ¼ú À̾߱â *
* ½ÃÀ½ ³ëÆ® *
* ¼úÀÜ ÄÝ·º¼Ç *

* ÆÇŸÁö À̾߱â *
* ¹«Çù À̾߱â *
* SF À̾߱â *

* Àâ´ã *
* ÀÌ·±Àú·± ¸Þ¸ð *
* °øÁö»çÇ× *

* ¹°°Çµé *
* ÀÌ·±Àú·± Ãß¾ï *
* ¿©ÇàÀÇ Ãß¾ï *
* ÀϺ»/ÀϺ»¾î *
* Ã¥ À̾߱â *
* ÄÄÇ»ÅÍ °ü·Ã *

* Ãß¾ïÀÇ °ÔÀÓ *
* Ãß¾ïÀÇ ¾Ö´Ï *
* ¸¸È­Ã¥ À̾߱â *
* µå¶ó¸¶¿Í ¿µÈ­ *
* ¸ÅÁ÷ ´õ °³´õ¸µ *


[ÃÖ±Ù ´ñ±Û]

¿ÞÂÊ Ä«Å×°í¸® ¸Þ´ºÀÇ 'ÆÇŸÁö À̾ß...
  by ¾ÆÀ̾
 
2024-03-28

¿µ±¹ º£ÀÌÄÁÀº µî½ÉÀ̱¸¸¸. º¸¸é º£...
  by ¾ÆÀ̾
 
2024-03-28

Àü À¯·´ÀÇ ¼º¾¾º¸¸é ¿¹¸¦ µé¾î John...
  by ´©¿¡±º
 
2024-03-27

¿µ±¹¿¡¼­´Â º£ÀÌÄÁÀ» µî½ÉÀ¸·Î ¸¸µé...
  by ´©¿¡±º
 
2024-03-27

ÁøÂ¥ ÀÌ°Å ¾Ë°í¼­ '¼¼»ó¿¡ ÀÌ·± ÀÏ...
  by ¾ÆÀ̾
 
2024-03-24

±×·¯°Ô. ³­ Å×ÀÏÁî ¿Àºê ÆÇŸÁö¾Æ(P...
  by ¾ÆÀ̾
 
2024-03-24

¿¡±¸, ±×·¯°íº¸´Ï óÀ½À¸·Î Á¦´ë·Î ...
  by perplex
 
2024-03-23

Àúµµ ÀÌ°Å ¾Ë°í¼­ Á» º¡ÂþúÁÒ.... ...
  by perplex
 
2024-03-23

¤¾¤¾
  by ¾ÆÀ̾
 
2024-03-22

±Â
  by ¹®¾î±¸ÀÌ
 
2024-03-21

¿äÁò ¿¹½º24¿¡¼­ Å丮¾ß¸¶ ¾ÆÅ°¶ó ...
  by ¾ÆÀ̾
 
2024-03-14

Àúµµ °©ÀÛ½º·± ¼Ò½Ä¿¡ ´çȲ½º·¯¿ü°í...
  by ¾Æ¸®¹«½º
 
2024-03-14

Àú ¶¥Äá¹öÅÍ ¸ÀÀÖ¾î¿ä ¤¾¤¾ÀÀ¿ø °¨...
  by ¾ÆÀ̾
 
2024-03-01

À¸À½ ¸¶Æ®¿¡¼­ ¶¥ÄáÀë °¡²û »ç´Ù ¸Ô...
  by ¾Æ¸®¹«½º
 
2024-02-27

°í¸¶¿ö. ¿©±â¼­ ¸»ÇÒ ÀÏÀº ¾Æ´Ï¶ó¼­...
  by ¾ÆÀ̾
 
2024-02-20


Ãß¾ïÀÇ »óÀÚ


Category List admin  
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 04Æí : Å×À̺í
 

#1. Å×À̺íÀ̶õ ¹«¾ùÀΰ¡?

HTML¿¡¼­ ÇÏÀÌÆÛ¸µÅ©¸¸Å­À̳ª, ȤÀº ´õ ¸¹ÀÌ »ç¿ëµÇ´Â °ÍÀÌ ¹Ù·Î Å×À̺íÀÔ´Ï´Ù.
Å×À̺íÀ» ¸¶½ºÅÍÇϸé HTMLÀº ³¡³­ °Í°úµµ °°ÁÒ.

Å×À̺íÀ̶õ À¥ÆäÀÌÁö¿¡¼­ 'Ç¥'¿Í °°Àº Çü½ÄÀ¸·Î º¸¿©Áö´Â ¹ÙµÏÆÇ½Ä »óÀÚ¶ó°í º¸½Ã¸é µË´Ï´Ù.
¾Æ·¡ ¿¹¸¦ º¸½ÃÁÒ.


ÀÌ°ÍÀÌ ¹Ù·Î Å×À̺í




¿©·¯Ä­µµ


µÈ´Ù.




´Ù¾çÇÑ


¸ð¾çÀÌ


°¡´ÉÇÏ´Ù.



Å×À̺íÀº »ç°¢ÇüÀÇ °ÝÀÚ¹«´Ì¶ó´Â ¸ð¾çÀÇ ÇѰ踦 °®°í ÀÖ±â´Â ÇÏÁö¸¸,
´Ù¾çÇÑ ¼³Á¤À» ÇØÁÙ ¼ö Àֱ⠶§¹®¿¡ ±× È°¿ë ¹üÀ§°¡ ±²ÀåÈ÷ ³ô½À´Ï´Ù.


#2. Å×À̺íÀÇ ¿ëµµ

1. Ç¥¸¦ ¸¸µç´Ù.

´ç¿¬ÇÑ À̾߱âÀÌÁö¸¸ Å×À̺íÀÇ Ã¹ ¹ø° ¿ëµµ´Â Ç¥¸¦ ¸¸µå´Â °ÍÀÔ´Ï´Ù.
ű׸¦ ÀÌ¿ëÇÑ ·¹°í½×±â ³îÀ̸¦ ÅëÇØ ¿øÇϴ ǥ¸¦ ¸¸µé¾î³À´Ï´Ù.

À̸§¼ºº°Å°Ã¼Áߺñ°í
È«±æµ¿³²ÀÚ171Cm68KgµµÀû
ÀÓ²©Á¤³²ÀÚ180Cm85KgµµÀû
¹Ú¹®¼ö³²ÀÚ168Cm52Kg¾ÏÇà¾î»ç
     
     


2. ³»¿ëÀ» ³ª´«´Ù.

ÀÌ°Ç À§ÀÇ 1¹ø°ú ºñ½ÁÇÑ ³»¿ëÀÔ´Ï´Ù¸¸, ¹®¼­ÀÇ ³»¿ëÀ» Ç¥¸¦ ÅëÇؼ­ ³ª´­ ¼ö ÀÖ½À´Ï´Ù.
¿©±â¼­ Áß¿äÇÑ°Ç Ç¥ ¾È¿¡¼­ ¾²´Â ÅÂ±×¿Í Ç¥ ¹Û¿¡¼­ ¾²´Â ű״ ¼­·Î ¿µÇâÀ» ¾È Áشٴ °Ì´Ï´Ù.
Áï, Ç¥¸¦ »ç¿ëÇϸé ű×ÀÇ ¿µÇâ±Ç¿¡¼­ Ç¥ ¾ÈÀÇ ³»¿ëÀ» (ÀϺÎ) °Ý¸®µË´Ï´Ù.

(¿¹) <s></s>¾È¿¡ Å×À̺íÀ» ¸¸µé¾î¼­ ±ÛÀÚ¸¦ ½áº¸±â.

º¸½Ã´Â °Í ó·³
Å×ÀÌºí ¾ÈÀÇ ³»¿ë¸¸

ÅÂ±× ¿µÇâÀ» ¾È ¹Þ½À´Ï´Ù.
Å×À̺íÀ» ¾È º¸ÀÌ°Ô ÇÒ ¼öµµ

ÀÖÁÒ.


¹°·Ð ÀÌ°Ç ÇϳªÀÇ ¿¹½ÃÀÏ»ÓÀÌ°í ½ÇÀç·Î ÀÌ·± ¿ëµµ·Î ¾´´Ù´Â °ÍÀº ¾Æ´Õ´Ï´Ù.
¾µ ¼öµµ ÀÖÁö¸¸ ±×³É ű׸¦ ´Ý¾Ò´Ù°¡ ´Ù½Ã ¿©´Â °Ô ÆíÇÏ°ÚÁÒ.

3. Á¤·ÄÀ» ½ÃÅ°°Å³ª °ø°£À» ¸ÂÃá´Ù.

ÀÌ°Ç Å×À̺íÀÇ ¾ÆÁÖ Áß¿äÇÑ ¿ëµµÀÔ´Ï´Ù.
¾Æ·¡ÀÇ ¿¹¸¦ º¸ÁÒ.

(¿¹)
»çÀ̾îÀÎ : ¿ø¼þÀÌ·Î º¯ÇÑ´Ù.
³ª¸ÞÅ©¼ºÀÎ : ¸Ó¸®¿¡ Ã˼ö°¡ ÀÖ´Ù.
ÀÎÁ¶Àΰ£18È£ : Å©¸®¸µ, ÀÌ ºÎ·¯¿î ³à¼®.

ÀÌ°ÍÀ» :(ÄÝ·Ð)À» ±âÁØÀ¸·Î Á¤È®È÷ ¿­À» ¸ÂÃç¼­ Á¤·Ä½ÃÅ°°í ½Í½À´Ï´Ù.
ÇÏÁö¸¸ ÀϹÝÀûÀÎ ½ºÆäÀ̽º¹Ù·Î´Â Á¤·Ä½ÃÅ°´Â °Ô ±ÍÂúÀ» »Ó ¾Æ´Ï¶ó ºÒ°¡´ÉÇÒ ¶§µµ ¸¹¾Æ¿ä.
ƯÈ÷ Ư¼ö¹®ÀÚ³ª ¿µ¹®, ¼ýÀÚ, ÇÑ±Û µîÀÌ È¥¿ëµÉ °æ¿ì´Â¿ä. ÇÏÁö¸¸ Å×À̺íÀ» ¾²¸é °£´ÜÇØÁý´Ï´Ù.

»çÀ̾îÀÎ
³ª¸ÞÅ©¼ºÀΠ 
ÀÎÁ¶Àΰ£18È£  
: ¿ø¼þÀÌ·Î º¯ÇÑ´Ù.
: ¸Ó¸®¿¡ Ã˼ö°¡ ÀÖ´Ù.
: Å©¸®¸µ, ÀÌ ºÎ·¯¿î ³à¼®.


Å×À̺íÀ» ¾È º¸ÀÌ°Ô ÇÏ¸é ³¡.

»çÀ̾îÀΠ 
³ª¸ÞÅ©¼ºÀΠ 
ÀÎÁ¶Àΰ£18È£  
: ¿ø¼þÀÌ·Î º¯ÇÑ´Ù.
: ¸Ó¸®¿¡ Ã˼ö°¡ ÀÖ´Ù.
: Å©¸®¸µ, ÀÌ ºÎ·¯¿î ³à¼®.



¶ÇÇÑ Å×À̺íÀº ±ÛÀÚ »Ó¸¸ ¾Æ´Ï¶ó ±×¸² µî Ç¥ÇöÇÒ ¼ö ÀÖ´Â ¿©·¯°¡Áö ¿ä¼Ò¸¦ ¹èÄ¡ÇÏ´Â µ¥¿¡ Áß¿äÇÑ ¿ªÇÒÀ» ÇÕ´Ï´Ù. ¿¹¸¦ µé¾î¼­ ±×¸²À¸·ÎºÎÅÍ ÀڱⰡ ¿øÇÏ´Â ¸¸Å­ÀÇ °Å¸®¸¦ Á¤È®È÷ ¹ú¸° ÈÄ ±Û¾¾¸¦ ¾²°í ½ÍÀ» ¶§,
½ºÆäÀ̽º¹Ù, °ø¹é¹®ÀÚ, ¿£ÅÍÅ° µîÀº ´ë·«ÀÇ °Å¸®´Â ³ª¿Íµµ Á¤È®ÇÏ°Ô´Â ¾È ³ª¿ÀÁÒ.
ÇÏÁö¸¸ ±×·² ¶§ Å×À̺íÀÇ ±æÀ̸¦ Á¤È®È÷ ¸ÂÃß°í ³»¿ëÀ» ºñ¿ì¸é °Å¸®¸¦ ¸ÂÃâ ¼ö ÀÖ½À´Ï´Ù.
¾Æ·¡¿Í °°ÀÌ¿ä.



±ÛÀÚ


¸¶Âù°¡Áö·Î Å×À̺íÀ» ¾È º¸ÀÌ°Ô ÇÒ ¼öµµ ÀÖÁÒ.

HTMLÀÛ¾÷À» ÇÒ ¶§ ¾îÁö°£ÇÑ °ÍÀº Å×À̺í·Î °Å¸®¸¦ ¸ÂÃ߽ô °Ô ÁÁ½À´Ï´Ù.
¾È ±×·¯¸é µÚ´Ê°Ô ¼¼¹ÐÇÑ Á¶Á¤ÀÌ ÇÊ¿äÇÏ´Ù´Â °ÍÀ» ¾Ë°Ô µÇ¾úÀ» ¶§ º¹ÀâÇØÁø ű׵é À§¿¡ Å×À̺íÀ» »õ·Î ¸¸µé¾î¾ßÇÒ ¼öµµ ÀÖÀ¸´Ï±î¿ä.

±×·¯¸é ÀÌÁ¦ Å×À̺íÀ» ¸¸µé¾îº¸ÁÒ.


#3. Å×À̺íÀ» ¸¸µé¾îº¸ÀÚ.

[table ű×] [tr ű×] [td ű×]

Å×À̺íÀº 3°³ÀÇ Å±װ¡ ±âº»ÀûÀ¸·Î Ç×»ó »ç¿ëµË´Ï´Ù. ¹Ù·Î <table><tr><td>ÀÔ´Ï´Ù.
ÀÌ°ÍÀÇ ±âº»ÀûÀÎ »ç¿ëÇüÅ´ ¾Æ·¡¿Í °°½À´Ï´Ù

(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>


<table>Àº Å×À̺íÀ» ¸¸µé¾îÁÖ°í Å×À̺íÀÇ ¼Ó¼ºÀ» ÁöÁ¤ÇØÁִ ű×ÀÔ´Ï´Ù.
ÇϳªÀÇ Å×ÀÌºí¿¡´Â ÇϳªÀÇ Å×À̺í űװ¡ ¾²À̴µ¥ Å×À̺íÀÇ ³»¿ëÀº Ç×»ó ÀÌ ¾È¿¡ µé¾î°©´Ï.
<table>³»¿ëÀ̳ª ´Ù¸¥ ÇÏÀ§ ű×</table>

<tr>Àº Å×À̺íÀÇ ¼¼·ÎÄ­À» ¸¸µé¾ú´Ù´Â ¶æÀÔ´Ï´Ù.
<td>´Â Å×À̺íÀÇ °¡·ÎÄ­À» ¸¸µé¾ú´Ù´Â ¶æÀÔ´Ï´Ù.

ÇÑ ¹ø º¼±î¿ä?
¾Æ·¡´Â <tr>°ú <td>°¡ ÇÑ ¹ø¾¿ ¾²¿´½À´Ï´Ù.
±×·¯¸é °¡·Î¿Í ¼¼·Î°¡ ÇÑ ¹ø¾¿ ¸¸µé¾îÁ³À¸´Ï 1*1, Áï ÇÑ Ä­ Â¥¸® Ç¥°¡ ³ª¿Ã °ÍÀÔ´Ï´Ù.

(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú)
³»¿ë



<tr>°ú <td>ÀÇ »ç¿ëÀº º¸Åë
<tr> ű×ÀÇ ¾È¿¡ <td> ű׸¦ »ç¿ëÇÕ´Ï´Ù.
±×¸®°í <td> ű×ÀÇ ¾È¿¡´Â Ç¥ ¾ÈÀÇ °ø°£¿¡ µé¾î°¥ ³»¿ëÀ» ³Ö¾îÁÝ´Ï´Ù.

<tr><td>³»¿ë</td></tr>

ÀÌ·± ½ÄÀ¸·Î¿ä. ¼¼·Î Ä­À» Çϳª ¸¸µé¾ú´Âµ¥ ±× ¾È¿¡ °¡·Î Ä­ÀÌ Çϳª ÀÖ´Ù´Â ¶æÀÌÁÒ.

ÀÌ·¸°Ô Ç¥ ¾È¿¡ ¸¸µé¾îÁø ÇÑ Ä­ÀÇ ³×¸ð»óÀÚ¸¦ ¼¿(cell)À̶ó°í ºÎ¸¨´Ï´Ù.
<table></table>ÀÌ Å×À̺íÀ» ¸¸µé°Å¶ó´Â ű׶ó¸é
<tr></tr><td></td>´Â ±× ¾È¿¡ ¼¿À» ¸¸µé±â À§ÇÑ Å±×ÀΰÅÁÒ.

±×·¯¸é ´Ù½Ã ÇÑ ¹ø º¸¼¼¿ä.
<tr>Àº Å×À̺íÀÇ ¼¼·Î Ä­À» ¸¸µé¾ú´Ù´Â ¶æÀÌ°í
<td>´Â Å×À̺íÀÇ °¡·Î Ä­À» ¸¸µé¾ú´Ù´Â ¶æÀÔ´Ï´Ù.

±×·¯¸é °¡·Î¿Í ¼¼·Î Ä­À» µÎ ¹ø¾¿ ¸¸µç ¾Æ·¡ÀÇ Å±״ ¾î¶»°Ô º¸¿©Áú±î¿ä?

(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë1
              </td>
       </tr>
       <tr>
              <td>
                      ³»¿ë1
              </td>
       </tr>
</table>

´äÀº  ¾Æ·¡¿Í °°½À´Ï´Ù.

(°á°ú)
³»¿ë1
³»¿ë2


¿Ö ÀÌ·¸°Ô µÉ±î¿ä?

(ù ¹ø° ¼¼·Î Ä­À» ¸¸µé¾ú´Ù)
       (°¡·Î Ä­À» ¸¸µé¾ú´Ù)
              ³»¿ë1
       (°¡·Î Ä­ÀÌ ³¡³µ´Ù)
(ù ¹ø° ¼¼·Î Ä­ÀÌ ³¡³µ´Ù)
(µÎ ¹ø° ¼¼·Î Ä­À» ¸¸µé¾ú´Ù)
       (°¡·Î Ä­À» ¸¸µé¾ú´Ù)
              ³»¿ë2
       (°¡·Î Ä­ÀÌ ³¡³µ´Ù)
(µÎ ¹ø° ¼¼·Î Ä­ÀÌ ³¡³µ´Ù)

ÀÌ·¸°Ô µÇ¾ú±â ¶§¹®ÀÔ´Ï´Ù.
űװ¡ ·¹°í¶ó°í ÇÑ °ÍÀÌ ±â¾ï³ª½Ã³ª¿ä? ±×³É ½×°í Á¶¸³Çϱ⠶§¹®ÀÔ´Ï´Ù.

±×·¯¸é À̹ø¿¡´Â ÀÌ·¸°Ô Çغ¸ÁÒ.
¼¼·Î Ä­À» ÇÑ ¹ø ¸¸µé°í ±× ¾È¿¡ °¡·Î Ä­À» µÎ ¹ø ¸¸µé¾ú½À´Ï´Ù.
(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë1
              </td>
              <td>
                      ³»¿ë2
              </td>
       </tr>
</table>

°á°ú´Â ¾î¶³±î¿ä?
(°á°ú)
³»¿ë1³»¿ë2



(¼¼·Î Ä­À» ¸¸µé¾ú´Ù)
       (ù ¹ø° °¡·Î Ä­À» ¸¸µé¾ú´Ù)
                ³»¿ë1
        (ù ¹ø° °¡·Î Ä­ÀÌ ³¡³µ´Ù)
        (µÎ ¹ø° °¡·Î Ä­À» ¸¸µé¾ú´Ù)
                ³»¿ë2
        (µÎ ¹ø° °¡·Î Ä­ÀÌ ³¡³µ´Ù)
(¼¼·Î Ä­ÀÌ ³¡³µ´Ù)

¾Æ½Ã°Ú³ª¿ä? ÀÌÇظ¸ µÇ¸é Âü ½±ÁÒ? ±×³É ºí·°½×±â, ·¹°í ³îÀÌÀ̴ϱî¿ä^^

±×·¯¸é À̹ø¿¡´Â ¾Õ¿¡ ³ª¿Ô´ø ÀÌ ¸ð¾çÀ» ¸¸µé¾î º¾½Ã´Ù.


³»¿ë1

³»¿ë2

³»¿ë3


¿ì¼± ±× µ¿¾È  ¹è¿î °Í¸¸À¸·Î ÇÑ ¹ø ¸¸µé¾îº¼±î¿ä?

¼¼·Î¸¦ ¸¸µé°í, °¡·Î¸¦ ¸¸µé°í ³¡³»°í, °¡·Î¸¦ ¸¸µé°í ³¡³»°í, ¼¼·Î¸¦ ³¡³»°í,
¼¼·Î¸¦ ¸¸µé°í, °¡·Î¸¦ ¸¸µé°í ³¡³»°í, ¼¼·Î¸¦ ³¡³»°í.

ÀÌ·¸°Ô Çغ¸ÁÒ.

(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë1
              </td>
              <td>
                      ³»¿ë2
              </td>
       </tr>
       <tr>
              <td>
                      ³»¿ë3
              </td>
       </tr>
</table>


¸¸µé¾î Áú±î¿ä?
¾ÈŸ±õÁö¸¸ ¾ÈµË´Ï´Ù.

³»¿ë1

³»¿ë2

³»¿ë3


ÀÌ·¸°Ô µÇ¹ö¸®³×¿ä. ¿Ö ±×·²±î¿ä?

( td ¼Ó¼º : colspan )
ÀÌÀ¯´Â Å×ÀÌºí ¾È¿¡ ÀÏ´Ü ¼¿À» ¸¸µé¸é, ¾Æ·§ ÁÙ¿¡ ¸¸µé¾îÁö´Â ¼¿ÀÇ °£°Ýµµ À§ÀÇ ÁÙ¿¡ ¸ÂÃçÁö±â ¶§¹®ÀÔ´Ï´Ù.
À§¿¡ µÎ Ä­ Â¥¸® °¡·Î¸¦ ¸¸µé¾ú´Âµ¥ ¾Æ·¡¿¡´Â Çϳª ¹Û¿¡ ¾È ¸¸µé¾úÀ¸´Ï, °ø°£ÀÌ Çϳª ºñ´Â°ÅÁÒ.
ÀÌ·² ¶§ ÁöÁ¤ÇØÁÖ´Â td ű×ÀÇ ¼Ó¼ºÀÌ ¹Ù·Î colspan ÀÔ´Ï´Ù.

colspanÀº ÇØ´ç ¼¿ÀÌ °¡·Î Ä­ ¸î Ä­ ºÐ·®À» Â÷ÁöÇØÁÖ´ÂÁö¸¦ ÁöÁ¤ÇØÁÖ´Â °Çµ¥,
ÀÌ°ÍÀº À­ ÁÙÀ̳ª ¾Æ·§ ÁÙ¿¡ °¡·Î·Î ¸¸µé¾îÁø ¼¿ÀÌ ´õ ¸¹À» ¶§¸¸ ÁöÁ¤ÇØÁÝ´Ï´Ù.

ÀúÈñ´Â ¿©±â¼­ À§¿¡ 2Ä­ÀÌ ¸¸µé¾îÁ³À¸´Ï 2ÀÇ °ªÀ» ÁöÁ¤ÇØÁÖÁÒ.
colspan="2" ÀÌ·¸°Ô¿ä.

±×·³ ´Ù½Ã Çغ¼±î¿ä?
(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë1
              </td>
              <td>
                      ³»¿ë2
              </td>
       </tr>
       <tr>
              <td colspan="2">
                      ³»¿ë3
              </td>
       </tr>
</table>
(°á°ú)

³»¿ë1

³»¿ë2

³»¿ë3


Àß µÇ´Â±º¿ä!
±×·³ Á» ´õ ÀÀ¿ëÇغ¼±î¿ä?

(¿¹)
<table>
       <tr>
              <td>
                      ³»¿ë1
              </td>
              <td>
                      ³»¿ë2
              </td>
              <td>
                      ³»¿ë3
              </td>
       </tr>
       <tr>
              <td>
                      ³»¿ë4
              </td>
              <td colspan="2">
                      ³»¿ë5
              </td>
       </tr>
       <tr>
              <td colspan="3">
                      ³»¿ë6
              </td>
</table>
(°á°ú)

³»¿ë1

³»¿ë2

³»¿ë3

³»¿ë4

³»¿ë5

³»¿ë 6


·¹°í³îÀÌ ¸ÂÁÒ?^^
ÀÌÁ¦ Å×ÀÌºí¿¡ ´ëÇؼ­ °ÅÀÇ ´Ù ¹è¿ü½À´Ï´Ù. Á¶±Ý¸¸ ´õ ºÁ¿ä.

( td ¼Ó¼º : rowspan )
¾Õ¿¡¼­ º» colspan°ú ºñ½ÁÇÏÁÒ? »ç¿ë¹ýµµ °°Áö¸¸ ´Ù¸¥ Á¡Àº È¿°úÀÔ´Ï´Ù.

colspanÀÌ °¡·Î·Î ¾ó¸¶³ª Ä­À» Â÷ÁöÇÏ´ÂÁö¸¦ ¼³Á¤ÇØÁÖ´Â °ÍÀ̶ó¸é,
rowspanÀº ¼¼·Î·Î ¾ó¸¶³ª Ä­À» Â÷ÁöÇÏ´ÂÁö¸¦ ¼³Á¤ÇØÁÖ´Â °ÍÀÔ´Ï´Ù.
ÀÌ°Ç ¾Æ·¡ÀÇ ¿¹¸¸ º¸°í¼­ ³¡³»ÁÒ.
(¿¹)
<table>
       <tr>
              <td rowspan="2">
                      ³»¿ë1
              </td>
              <td>
                      ³»¿ë2
              </td>
       </tr>
       <tr>
              <td>
                      ³»¿ë3
              </td>
       </tr>
</table>
(°á°ú)

³»¿ë1

³»¿ë2

³»¿ë3


colspan°ú rowspanÀ» ¼¯¾î¼­ ¿¬½ÀÇغ¸¼¼¿ä.


#4. ±× ¿ÜÀÇ Å×ÀÌºí ¼Ó¼º.

( table ¼Ó¼º : align )
alignÀº Å×À̺íÀÇ ¼Ó¼ºÀ̱⵵ ÇÏÁö¸¸ ¾ÕÀ¸·Î ÀÚÁÖ ³ª¿É´Ï´Ù. ±×¸®°í ¾ÕÀ¸·Î ³ª¿À´Â ¸ðµç align¼Ó¼ºÀº ¾Æ·¡ÀÇ 3°¡Áö °ªÀ» °¡Áý´Ï´Ù.
1) left  : ÁÂÃøÀ¸·Î Á¤·Ä
2) center : °¡¿îµ¥ Á¤·Ä
3) right : ¿ìÃøÀ¸·Î Á¤·Ä

alignÀº Á¤·ÄÀ» ½ÃŲ´Ù´Â ÀǹÌÀε¥, ±× Áß¿¡¼­µµ °¡·ÎÁÙ Á¤·ÄÀ» À̾߱âÇÕ´Ï´Ù.
¾Æ·¡ÀÇ ¿¹¸¦ º¸½ÃÁÒ.
(¿¹1)
<table align="center">
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú1)
³»¿ë


(¿¹2)
<table align="right>
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú2)
³»¿ë



( td ¼Ó¼º : align )
Å×À̺íÀÇ alignÀÌ Å×À̺í ÀÚüÀÇ °¡·Î À§Ä¡¸¦ ³ªÅ¸³Â´Ù¸é, tdÀÇ alignÀº ¼¿ ³»ºÎÀÇ ³»¿ëÀÌ ¾î¶»°Ô Á¤·ÄµÉÁö¸¦ À̾߱âÇÕ´Ï´Ù.
ÀÌ°ÍÀº ¾Æ·¡ÀÇ ¼Ó¼º°ú ÇÔ²² º¸°Ú½À´Ï´Ù.

( td ¼Ó¼º : valign )
valignÀº v Áï, ¹öƼÄÃ. ¼¼·Î Á¤·ÄÀ» ½ÃÅ°´Â ¼Ó¼ºÀÔ´Ï´Ù.
ÀÌ°ÍÀº Å×ÀÌºí ³»ºÎÀÇ ³»¿ëÀ» ¼¼·Î Á¤·Ä ½ÃÅ°´Âµ¥ °ªÀº ¾Æ·¡ÀÇ ¼¼ °¡Áö ÀÔ´Ï´Ù.
1) top : À§·Î Á¤·Ä
2) middle : °¡¿îµ¥ Á¤·Ä
3) bottom : ¾Æ·¡·Î Á¤·Ä

À̰͵µ ¾Æ·¡¿¡¼­ ´ÙÀ½¿¡ ³ª¿À´Â ¼Ó¼º°ú ÇÔ²² º¸µµ·Ï ÇÏ°Ú½À´Ï´Ù.

( td ¼Ó¼º : width )
ÀÌ°ÍÀº Å×À̺íÀÇ °¡·Î ±æÀ̸¦ ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.
¹°·Ð ¿©·¯°¡Áö »óȲ¿¡¼­ ¾ÈÀÇ ³»¿ëÀÌ ºÒ¾î³ª¸é ±æÀÌ°¡ º¯ÇÒ ¼öµµ ÀÖÁö¸¸, ±âº»ÀûÀ¸·Î´Â °íÁ¤µË´Ï´Ù.
width µÚ¿¡´Â ¼ýÀÚ¸¦ ½á¼­ ±æÀ̸¦ ÁöÁ¤ÇØÁÝ´Ï´Ù.

´ÙÀ½¿¡ ³ª¿À´Â ¼Ó¼º°ú ÇÔ²² º¸µµ·Ï ÇÏ°Ú½À´Ï´Ù.

( td ¼Ó¼º : height )
ÀÌ°ÍÀº Å×À̺íÀÇ ¼¼·Î ±æÀ̸¦ ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.
width¿Í ¸¶Âù°¡Áö·Î µÚ¿¡ ¼ýÀÚ¸¦ ½á¼­ ±æÀ̸¦ ÁöÁ¤ÇØÁÝ´Ï´Ù.

±×·¯¸é À§ÀÇ 4°¡Áö¸¦ ÇÕÃļ­ ¿¹¸¦ º¸ÁÒ.
(¿¹1)
<table>
       <tr>
              <td width="100" height="300" align="center" valign="middle">
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú1)
³»¿ë




( table ¼Ó¼º : width )
Å×À̺í ÀÚüÀÇ °¡·Î ±æÀ̸¦ ÁöÁ¤ÇØÁÖ°í ½ÍÀ» ¶§´Â table¿¡ width ¼Ó¼ºÀ» ÁöÁ¤ÇØÁֱ⵵ ÇÕ´Ï´Ù.
(¿¹1)
<table width="300">
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú1)
³»¿ë



( table ¼Ó¼º : cellpadding )
cellpaddingÀº ¼¿ÀÇ ¹Ù±ù Å׵θ®¿Í ¼¿ ¾ÈÀÇ ³»¿ë »çÀÌ¿¡ µé¾î°¡´Â ¿©¹é°ø°£ÀÇ ±æÀ̸¦ ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.
¾Æ·¡ÀÇ ¿¹¸¦ º¸½Ã¸é ÀÌÇØ°¡ ºü¸£½Ç °Ì´Ï´Ù.
(¿¹1)
<table cellpadding="0">
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú1)
³»¿ë


(¿¹2)
<table cellpadding="30">
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú2)
³»¿ë



( table ¼Ó¼º : cellspacing )
Å×À̺íÀº ¾óÇÍ º¸¸é Å׵θ®°¡ ÇϳªÃ³·³ º¸ÀÌÁö¸¸, »ç½ÇÀº µÎ °³°¡ ÀÖ½À´Ï´Ù.
Å×À̺í ÀüüÀÇ ¿Ü°û Å׵θ®¿Í ¼¿ ÇϳªÇϳªÀÇ ¿Ü°û Å׵θ®ÀÌÁÒ.

cellspacingÀº Å×À̺íÀÇ Å׵θ®¿Í ¼¿ÀÇ Å׵θ® »çÀÌÀÇ ¿©¹éÀ» ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.
¾Æ·¡ÀÇ ¿¹¸¦ º¸½ÃÁÒ.
(¿¹1)
<table cellspacing="0">
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú1)
³»¿ë


(¿¹2)
<table cellspacing="30">
       <tr>
              <td>
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú2)
³»¿ë


¿©±â¼­ ²À ¸í½ÉÇϼžßÇÒ °ÍÀº,
óÀ½¿¡´Â Å×À̺íÀ» ¸¸µé ¶§, cellspacing °ú cellpaddingÀÇ °ªÀ» Ç×»ó ÁöÁ¤ÇØÁÖ´Â ½À°üÀ» °¡Áý½Ã´Ù.
±× ÀÌÀ¯´Â ÀÌ µÎ °ªÀº ÁöÁ¤À» ¾È ÇØÁÖ¸é 0ÀÌ ¾Æ´Ñ ±âº» °ªÀ» °®±â ¶§¹®ÀÔ´Ï´Ù.

ÀÌ°ÍÀº ¿Ü°ü»óÀÇ ¹®Á¦º¸´Ù ´õ Áß¿äÇÑ ¹®Á¦¸¦ ¾ß±âÇÕ´Ï´Ù.
Å×À̺í·Î °£°ÝÀ» ¸ÂÃ߰ųª Á¤·ÄÀ» ÇÒ ¶§ ¿©·¯ °³ÀÇ Å×À̺íÀ» »ç¿ëÇÏ°Ô µÉ ¶§µµ ¸¹½À´Ï´Ù.
ÀÌ ¶§ °ªÀ» 1´ÜÀ§·Î Á¶Á¤Çؼ­ ¸ÂÃß°í Àִµ¥, ¾î¶² Å×À̺íÀÌ cellspacing À̳ª cellpadding °ªÀ¸·Î ÀÓÀÇÀÇ ¾Ë ¼ö ¾ø´Â °ªÀ» °¡Áö¸é ¹Ì¼¼ÇÑ Á¶Á¤ÀÌ ºÒ°¡´ÉÇϱ⠶§¹®ÀÔ´Ï´Ù. º¸±â¿¡´Â Å×À̺í Å©±â°¡ ¼­·Î °°¾Æº¸À̴µ¥ ¿©¹é ¶§¹®¿¡ ¹Ì¹¦ÇÏ°Ô ´õ Å« Å©±â¸¦ °®´Â Å×À̺íÀÌ »ý±â°Å³ª ÇÏ´Â °ÍÀÌÁÒ. ±×·¯¹Ç·Î ÀÌ °ªÀ» ´Ã ±â¾ïÇϽñ⠹ٶø´Ï´Ù.

( table ¼Ó¼º : border )
Å×À̺íÀÇ Å׵θ®ÀÇ µÎ²²¸¦ ¼³Á¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.
0À¸·Î ¸ÂÃ߸é Å×À̺íÀÌ ´«¿¡ º¸ÀÌÁö ¾Ê°Ô µË´Ï´Ù.
(ÇÏÁö¸¸ ´«¿¡ º¸ÀÌÁö ¾ÊÀ» »Ó ¿©ÀüÈ÷ cellspacing °ú cellpadding ÀÇ °ªÀº °®°í ÀÖ½À´Ï´Ù.)

( table ¼Ó¼º : bordercolor )
µåµð¾î »ö±òÀÌ ³ª¿Ô±º¿ä. Àá½Ã À¥¿¡¼­ ¾²´Â »ö»ó Äڵ忡 °ü·ÃµÈ ¼³¸íÀ» ÇÏ°Ú½À´Ï´Ù.
À¥¿¡¼­´Â »öÀ» Ç¥½ÃÇÒ ¶§ 16Áø¼ö·Î ÀüȯµÈ 6ÀÚ¸® »ö»óÄڵ带 »ç¿ëÇÕ´Ï´Ù.
¹°·Ð red, blue¿Í °°Àº ±âº» »öÀº ´Ü¾î·Î »öÀ» ÁöÁ¤ÇØÁ൵ ºê¶ó¿ìÁ®°¡ ¾Ë¾Æ¼­ Çؼ®À» ÇÕ´Ï´Ù.
ÇÏÁö¸¸ ±âº» »ö ÀÌ¿ÜÀÇ ´Ù¾çÇÑ »öÀ» »ç¿ëÇϰųª, ȤÀº ºê¶ó¿ìÁ® ÀÚüÀÇ ¼Óµµ¸¦ À§Çؼ­µµ °á±¹ »ö»óÄڵ带 »ç¿ëÇÏ°Ô µË´Ï´Ù.

»ö»óÄÚµå´Â ¾Õ¿¡ #(¼¥) Ç¥½Ã¸¦ ºÙ¿©ÁÝ´Ï´Ù. ºÙÀÌÁö ¾Ê¾Æµµ ¾Ë¾Æº¸±ä Çϳª ºÙÀÌ´Â °Ô ¾à¼ÓÀÔ´Ï´Ù. ²À ºÙÀ̼¼¿ä.
´ÙÀ½Àº »ö»óÄÚµåÀÇ ¿¹ÀÔ´Ï´Ù.

#FFFFFF : Èò »ö
#000000 : °ËÀº »ö

ÀÌ µÎ °¡Áö°¡ »ö»ó ÄÚµåÀÇ ¾çÂÊ ³¡ÀÔ´Ï´Ù. 16Áø¼ö´Â 0¿¡¼­ ½ÃÀÛÇؼ­ F·Î ³¡³ªÁÒ.
ÀÌ ¿Ü¿¡µµ ´Ù¾çÇÑ °ªÀ» ¾µ ¼ö Àִµ¥

#FF0000 : »¡°£ »ö
#F6F5FD :  ÇöÀç ÀÌ ±ÛÀÌ ¾²¿©Áö°í ÀÖ´Â ¼¿ÀÇ ¹è°æ»ö

¿©·¯°¡Áö°¡ ÀÖ½À´Ï´Ù.
ÀÌ ÈÄ ³ª¿À´Â ¸ðµç ¼Ó¼ºÀÇ »ö»ó °ªÀº ÀÌ°ÍÀ» ÀÌ¿ëÇؼ­ ÁöÁ¤ÇÕ´Ï´Ù.

±×¸®°í »ö»ó Äڵ带 ¿Ü¿ö¼­ »ç¿ëÇÏ´Â °ÍÀº Èò »ö°ú °ËÀº »öÀ» Á¦¿ÜÇÏ°í´Â °ÅÀÇ ºÒ°¡´É ÇÕ´Ï´Ù.
»ö»ó Äڵ带 ÀÚµ¿À¸·Î º¸¿©ÁÖ´Â ÇÁ·Î±×·¥ÀÌ ¸¹ÀÌ ÀÖÀ¸´Ï ±¸Çؼ­ ¾²½Ã±â ¹Ù¶ø´Ï´Ù.
Ȥ½Ã ±¸ÇÏÁö ¸øÇϽøé ÀúÇÑÅ× ¸»¾¸ÇÏ½Ã¸é º¸³»µå¸®°Ú½À´Ï´Ù.


bordercolor´Â Å×À̺íÀÇ Å׵θ®ÀÇ »öÀ» ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù. °ªÀº À§ÀÇ »ö»óÄÚµå·Î ÁöÁ¤À» ÇØÁÝ´Ï´Ù.
´ÙÀ½¿¡ ³ª¿À´Â ¼Ó¼º°ú ÇÔ²² ¿¹¸¦ º¸°Ú½À´Ï´Ù.

( table ¼Ó¼º : bgcolor )
Å×À̺íÀÇ ¹è°æ»ö(BackGround Color)À» ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.
¸¶Âù°¡Áö·Î ¾Õ¿¡¼­ º» »ö»ó Äڵ带 ÀÌ¿ëÇؼ­ ÁöÁ¤ÇØÁÝ´Ï´Ù.

( td ¼Ó¼º : bgcolor )
¼¿ÀÇ ¹è°æ»öÀ» ÁöÁ¤ÇØÁÖ´Â ¼Ó¼ºÀÔ´Ï´Ù.

ÀÌÁ¦ ¿¹¸¦ º¸°Ú½À´Ï´Ù.
(¿¹2)
<table border="5" bordercolor="00FF00" bgcolor="#FF0000" width="100">
       <tr>
              <td bgcolor="#0000FF">
                      ³»¿ë
              </td>
       </tr>
</table>
(°á°ú2)
³»¿ë



µÎ²² 5·Î Ä¿Áø ¿¬µÎ»ö Å׵θ®¿Í, cellspacingÀÇ ¿©¹é »çÀÌ·Î º¸ÀÌ´Â Å×ÀÌºí ¹è°æ»ö »¡°­, ±×¸®°í ´Ù½Ã ¼¿ Å׵θ®¿Í Á¦ÀÏ ¾ÈÂÊ¿¡ ÆĶû»ö ¼¿ ¹è°æ»öÀ» È®ÀÎÇÏ½Ç ¼ö ÀÖÀ»°Ì´Ï´Ù.

¸¶Áö¸· º¸³Ê½º
( td ¼Ó¼º : background )
¼¿¿¡ ±×¸²ÆÄÀÏÀ» ¹è°æÀ¸·Î ÁöÁ¤ÇÏ´Â ¼Ó¼ºÀÔ´Ï´Ù.


µû¶ó¿À´À¶ó ¼ö°íÇϼ̽À´Ï´Ù.
À̹ø¿¡´Â Á» ±æ¾úÁÒ? Å×À̺íÀÌ ³¡³µ½À´Ï´Ù.
ÀÌÁ¦ HTMLÀº °ÅÀÇ ´Ù ³¡³­°Å³ª ¸¶Âù°¡Áö ÀÔ´Ï´Ù.
Å×À̺íÀ» ÀÚÀ¯·Ó°Ô ¾µ ¼ö ÀÖÀ» ¶§ ȨÆäÀÌÁö¸¦ ¿øÇϴµ¥·Î ¸¸µé ¼ö ÀÖ´Ù´Â °ÍÀ» ÀØÁö¸¶¼¼¿ä.


computer£ü 2012-08-17 05:17:58 £ü [Comment(0)]




   ¡Ùcomputer

ÄÄÇ»Å͸¦ Æ÷¸ËÇß½À´Ï´Ù-_-;  2014-01-21
SNS Ç÷¯±×ÀÎ ¼³Ä¡  2012-09-12
[JAVA SCRIPT] getElementById()  2012-09-05
[HTML] link ÅÂ±× ¼ô ÄÆ ¾ÆÀÌÄÜ ÁöÁ¤  2012-09-03
SEO - °Ë»ö¿£ÁøÃÖÀûÈ­  2012-08-22
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â CSS °­Á  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 08Æí : ±× ¿Ü   2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 07Æí : Æû  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 06Æí : ¸ÞŸ űנ 2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 05Æí : ÇÁ·¹ÀÓ  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 04Æí : Å×ÀÌºí  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 03Æí : ±ÛÀÚ¾²±â¿Í À̹ÌÁö Ãâ·Â, ÇÏÀÌÆÛ¸µÅ©  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 02Æí : HTML ¹®¼­ÀÇ ±âº»±¸Á¶  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö ÀÖ´Â HTML °­Á - 01Æí : ű׶õ ¹«¾ùÀΰ¡?  2012-08-17
°­¾ÆÁö¶û ¼Û¾ÆÁöµµ ¸¸µé ¼ö Àִ ȨÆäÀÌÁö °­Á - ÀÎÆ®·Î  2012-08-17
Chrome ºê¶ó¿ìÀú µî¿¡¼­ÀÇ style.display ¼Ó¼º¹®Á¦  2012-08-07
»çÀÌÆ®¸ÊÀ» ¸¸µé¾îº¸ÀÚ  2012-07-31
[JAVA SCRIPT] ÄÚ¸àÆ® â ºÒ·¯¿À±â  2012-07-31
[mySQL] select·Î °Ë»ö  2012-07-31
[PHP] µû¿ÈÇ¥ »ç¿ë ¹®Á¦  2012-07-31
[PHP] Á¤±ÔÇ¥Çö½ÄÀ¸·Î ±úÁø ¹®ÀÚ ¾ø¾Ö±â  2012-07-31
[HTML] <nobr></nobr>  2012-07-31
ÄÄÇ»ÅÍ °ü·ÃµÈ °Ô½Ã¹°À» Á¤¸®ÇÏ·Á°í ÇÕ´Ï´Ù.  2012-07-31








ÙÞäñ - MyoAe - Homepage Mode
Ver. 1.45

by Aierse