Á¦¸ñ ¾øÀ½

 

À̰÷¿¡¼­´Â Á¤¸» ±âº»ÀûÀ¸·Î ¾Ë¾ÆµÎ¼Å¾ß ÇÒ Å±׿¡ ´ëÇØ¼­ °øºÎÇÕ´Ï´Ù.
¾î·Á¿î ű׵鵵 °£°£È÷ ³ª¿ÃÅÍÀÌÁö¸¶ ³Ê¹«³ª ÀÚÁÖ¾²ÀÌ°í ½¬¿î°ÍµéÀº ¿Ü¿ì¼Å¾ß ÇÕ´Ï´Ù.
±×·¡¾ß ³ªÁß¿¡ ÆíÇÕ´Ï´Ù. ±âÃʺÎÅÍ ÅºÅº. ¾ËÁÒ? È÷È÷
ȨÆäÀÌÁö¸¦ ¸¸µå½Ç·Á°í ¹è¿ì½Ã´Â ºÐµéÀº ¾Æ·¡ ű׵éÀ» ¼÷ÁöÇϽŠÈÄ,
³ª¸ðÀ¥¿¡µðÅÍ °­Á·γѾ½Ã¸é µË´Ï´Ù.


¹è¿ì½Ç¶§´Â ²À ÇØº¸¸é¼­ ÇØ¾ßÇÕ´Ï´Ù. ű׿¬½ÀÀåÀ» Ű½Ã°í ¿¬½ÀÇÏ¼Å¾ß ÇØ¿ä.
[ű׿¬½ÀÀå  »õâÀ¸·Î ¿­±â Ŭ¸¯!]
°¡Àå Áß¿äÇÑ °ÍÀº »¡°£»ö , Áß¿äÇÑ °ÍÀº ÆÄ¶õ»ö, ¾Ë¾ÆµÎ¸é ÁÁÀ» °ÍÀº °ËÁ¤»ö À¸·Î Ç¥±âÇÒ²²¿ä.

HTML
À¥ÀÇ Ç¥ÁØ HTML ¹®¼­´Â ¸¶Å©¾÷ ű×(Markup)¸¦ »ç¿ëÇÏ¿©
Á¦ÀÛµÈ À¥¹®¼­¸¦ ¶æÇÕ´Ï´Ù. ¸¶Å©¾÷ ű׶õ HTML ¹®¼­ ÀÛ¼º½Ã ¹®Àå,
±×¸² µîÀ» ÁöÁ¤ÇÏ´Â ¾ð¾îÀ̸ç ÇöÀç ¹öÀüÀº HTML4.0ÀÔ´Ï´Ù.


ű׶õ? |  HTMLÀÇ ±âº»±¸Á¶  |  ±ÛÀÚÅÂ±×   |  ±×¸²ÅÂ±×  |  ÇÏÀÌÆÛ¸µÅ©  |  Å×À̺íű×

À½¾ÇÅÂ±×   |   µ¿¿µ»óű×


ű׶õ?

1. ű׶õ?

¸ÕÀú ¿©·¯ºÐ HTML À̶ó°í µé¾îº¸¼Ì³ª¿ä?  
¾î¶² ºÐµéÀº HTML = TAG ¶ó°í ÀÌÇØ¸¦ ÇÏ°í °è½Å ºÐµµ  °è½Ç ÅÙµ¥...
¾îÂî º¸¸é ±×·² ¼öµµ ÀÖ°ÚÁö¸¸ ¾ö¹ÐÈ÷ ¸»Çؼ­ Á¶±Ý ´Þ¶ó¿ä.

 ÀÏ´Ü HTML À̶õ "Hyper Text Markup Language" ÀÇ ¾àÀÚ.
½±°Ô ¸»ÇØ È¨ÆäÀÌÁö¸¦ ¸¸µå´Â ÇÁ·Î±×·¡¹Ö ¾ð¾î¶ó°í ÇÒ ¼ö ÀÖ½À´Ï´Ù.
¿ØÁö ÇÁ·Î±×·¡¹Ö ¾ð¾î¶ó°í Çϴϱñ ¾î·Á¿ö º¸ÀÌÁÒ?^^ ÇÏÁö¸¸ Á¶±Ý¸¸ ¹è¿öº¸¸é ³Ê¹«³Ê¹« ½¬¿î °ÍÀ̶ø´Ï´Ù.
±×¸®°í ű×(TAG)´Â HTML ¸¦ ÀÌ·ç´Â °³°³ÀÇ ¸í·É¾îÁÒ.
ÀÌ·¯ÇÑ TAG¸í·É¾îµéÀÌ ¸ð¿© HTML¹®¼­¸¦ ÀÌ·çÁö¿ä.

½±°Ô ¼³¸íÇÏÀÚ¸é ¿©·¯ºÐ °¡²û¾¿ º¸´Â ½Å¹®ÀÌ ÀÖÀݾƿä?
½Å¹®ÀÌ Á¾À̷θ¸ ÀÌ·ç¾îÁö´Â °Ô ¾Æ´ÏÁÒ?
±× ¾È¿¡ ±ÛÀÚ¿Í »çÁø, ÇѱÛ, ¿µ¾î µîÀÌ Á¶ÇÕ µÇ¼­ ÇϳªÀÇ ½Å¹®À̶ó´Â °Ô ¸¸µé¾î Áö´Â °ÅÀݾƿä. 
ű׵µ ¸¶Âù°¡ÁöÀÔ´Ï´Ù.
¸ÕÀú ű׸í·É¾î´Â ½Å¹®¿¡¼­ÀÇ ±ÛÀÚ³ª »çÁø, ÇѱÛ, ¿µ¾î¶ó°í ÇÒ ¼ö ÀÖÁÒ.
±×¸®°í HTML¹®¼­´Â ±ÛÀÚ¿Í »çÁø, ÇѱÛ, ¿µ¾î°¡ Á¶ÇÕµÈ ½Å¹®ÀÇ ÇÑ ÆäÀÌÁö·Î º¼ ¼ö ÀÖ½À´Ï´Ù.
±×¸®°í ÀÌ·¯ÇÑ ½Å¹® ÇÑ ÆäÀÌÁöµéÀÌ ¸ð¿© Àüü ½Å¹®ÀÌ ¿Ï¼ºµÇ´Â °Íó·³
HTML¹®¼­°¡ ¿©·¯ °³°¡ ¸ðÀ̸é ÇϳªÀÇ È¨ÆäÀÌÁö°¡ µÇ´Â °Ì´Ï´Ù.

2. ű×ÀÇ µÎ°¡Áö Á¾·ù

ű׿£ µÎ °¡Áö°¡ Àִµ¥ Çϳª´Â ¿­¾úÀ¸¸é ´Ý´Â ű×, ¶ÇÇϳª´Â ´Üµ¶À¸·Î ¾²À̴ ű×ÀÔ´Ï´Ù.
ű״ <¾î¼°í> ÀÌ·±½ÄÀ¸·Î < > °ýÈ£ ¾È¿¡ ¾²ÀÌ°Ô µÇÁö¿ä.

ex) <font color=red> ·Î ½ÃÀÛÀ» Çß´Ù¸é ³¡³ª´Â ºÎºÐ¿¡¼­ </font> ÀÌ·±½ÄÀ¸·Î ´Ý¾Æ ÁÖ¾î¾ß űװ¡ ¿Ï¼º.
±×·¯³ª <br> À̳ª <img> °°Àº °æ¿ì´Â ´Üµ¶À¸·Î ¾²ÀÔ´Ï´Ù.

HTML ±âº» ±¸Á¶

¾Æ·¡ ű׸¦ º¸¼¼¿ä.  Àú°ÍÀÌ °¡Àå~ ±âº»ÀûÀÎ °ñ°ÝÀÔ´Ï´Ù.
<html> ÀÌ·¸°Ô ½ÃÀÛÇÕ´Ï´Ù. À̰ÍÀº ÀÌÁ¦ ű׸¦ ½ÃÀÛÇϰڴÙ~ ÀÌ°É ¾Ë·ÁÁÖÁÒ.
<head> À̰ÍÀº ¸Ó¸®ÀÌ´Ù~ ¿ä°Çµ¥¿ä. Çѱ۷Π"Çìµå" ¶ó°í ¸¹ÀÌ ºÒ¸®¿ì°í ¾²ÀÔ´Ï´Ù.
 <title> Àº ȨÆäÀÌÁö ÀͽºÇ÷οö ⠶߸é À­ »ó´Ü¿¡ ŸÀÌÆ²ÀÌ ¶ß´Âµ¥ ±× ŸÀÌÆ²ÀÔ´Ï´Ù.
ŸÀÌÆ²À» Á¤ÇßÀ¸¸é </title> ÀÌ·¸°Ô ´Ý¾Æ¼­ ŸÀÌÆ²Àº ¿©±â±îÁö! ¶ó°í Ç¥½Ã¸¦ ÇØ¾ßÇÕ´Ï´Ù.
ŸÀÌÆ²ÀÌ ³¡³ª¸é Çìµåµµ ³¡À̳³´Ï´Ù. Çìµåµµ ´Ý¾ÆÁà¾ßÁÒ! </head> ´Ý´Â°É ÀØÁö¸¶¼¼¿ä!!

±× ´ÙÀ½ÀÌ ÁøÁ¤ÇÑ ¸ÞÀÎ! <body> ·Î ¸öÅëÀ» ¿­¾îÁÝ´Ï´Ù. "¹Ùµð" ¶ó°íµµ ºÒ¸®ÁÒ.
¹ÙµðºÎºÐÀº ¿ì¸®°¡ À¥ÆäÀÌÁö¸¦ º¸´Â ºÎºÐÀÔ´Ï´Ù. ½ÇÁ¦·Î Áö±Ý º¸½Ã´Â °­ÁÂÆäÀÌÁöµµ
ÀüºÎ ¹Ùµð ºÎºÐ¿¡ ¾²¿©Á®ÀÖ´Â ÅÂ±× ºÎºÐÀÔ´Ï´Ù. ±×·¡¼­ ÀÌ º¸¿©Áú ºÎºÐÀÌ ¿ÏÀüÈ÷ ³¡³ª¸é?
</body> ¿ª½Ã ²À ´Ý¾ÆÁÖ¼Å¾ß ÇÕ´Ï´Ù.

 ÀÌÁ¦ ¸ðµç űװ¡ ³¡À̳µ½À´Ï´Ù. ÅÂ±× ³¡ </html> ´Ý¾ÆÁà¾ßÁÒ~

ÀÌ ±âº» °ñ°Ý ű״ ȨÆäÀÌÁö Á¦À۽à Ç×»ó »ç¿ëµÇ¸ç, ÀÏ¹Ý °Ô½ÃÆÇ¿¡¼­ ű׸¦ ÀÌ¿ëÇÑ
±Û³²±â±â¿¡¼­´Â ±×´ÙÁö ÇÊ¿ä ¾ø´Â ºÎºÐÀÔ´Ï´Ù. ^^*
´Ù½Ã ¸»ÇØ È¨ÆäÀÌÁö ¾Ê¸¸µé°í ±×³É ű׸¸ »ì¦ ¹è¿ì°Ú´Ù ÇϽôºÐÀº~? ³Ñ¾î°¡¼¼¿ä!

<html>
<head>
<title>¹®¼­ÀÇ Á¦¸ñÀÌ µé¾î°¡´Â °÷ </title>
</head>
<body>
À¥ ºê¶ó¿ìÀúÀÇ È­¸é¿¡ º¸¿©Áö´Â ³»¿ë
</body>
</html>

±ÛÀÚ Å±×

À̰÷¿¡¼­ºÎÅÍ´Â ¹Ýµå½Ã ű׿¬½ÀÀåÀ» Ű½Ã°í ¿¬½ÀÇϽø鼭 Çϼ¼¿ä.
¿ÞÂÊ¿¡ ÀÖ´Â °ÍÀÌ Å±×À̰í,
¿À¸¥ÂÊ¿¡ ÀÖ´Â ºÎºÐÀÌ Å±׿¬½ÀÀå¿¡¼­ È®ÀÎÇϱ⸦ ´©¸£¸é ³ª¿À´Â ¸ð½ÀÀÔ´Ï´Ù.

1. °¡Àå ÀÚÁÖ»ç¿ëµÇ´Â ±ÛÀÚ Å±×

ű×ÀÔ·Â °á°ú¹°
<b>±ÛÀÚ°¡ ±½°Ô</b>

±ÛÀÚ°¡ ±½°Ô

<u>±ÛÀÚ¿¡ ¹ØÁÙ</u> ±ÛÀÚ¿¡ ¹ØÁÙ
<b><u>±½°í ¹ØÁÙ</b></u> ±½°í ¹ØÁÙ
<b>¾î</b>¶»<u>°ÔµÉ</u>±î? ¾î¶»°ÔµÉ±î?
<i>±â¿ï¿©¾²·Á¸é?</i> ±â¿ï¿©¾²·Á¸é?

°á·Ð !! <b></b>´Â ±Û¾¾¸¦ ±½°Ô ÇØÁÖ°í <u></u>´Â ±Û¾¾¿¡ ¹ØÁÙÀ» °ÅÁØ´Ù!
<i></i>´Â ±Û¾¾¸¦ ±â¿ï¿©ÁÖ°ÔÇÕ´Ï´Ù.


2. ÷ÀÚ °ü·Ã ű×

ÀÌÁ¦ ¾Æ·¡Ã·ÀÚ, À§Ã·ÀÚ¸¦ ¹è¿öº¼±î¿ä?

ű×ÀÔ·Â °á°ú¹°

¾Æ<sub>·¡Ã·</sub>ÀÚ

¾Æ·¡Ã·ÀÚ

À­<sup>÷</sup>ÀÚ

À­Ã·ÀÚ

º°·Î ¾µ´ë´Â ¾øÁö¸¸ ¼öÇÐ °ø½ÄÀ̳ª, ¿¬»êÇÒ ¶§´Â ±×·¡µµ °¡²û¾²ÀÌÁö ¾ÊÀ»±îÇÏ´Â ;; °³ÀÎÀûÀλý°¢ÀÔ´Ï´Ù.
±×·¯³ª Àü Çѹøµµ ¾´ÀûÀ̾ø½À´Ï´Ù --¤»


3. ±ÛÀÚ À§Ä¡ °ü·Ã ű×

ű×ÀÔ·Â °á°ú¹°

<div align="right">¿À¸¥ÂÊ Á¤·Ä</div>

¿À¸¥ÂÊ Á¤·Ä

<center>Áß°£</center>

Áß°£Á¤·Ä

<div align="left">¿ÞÂÊÁ¤·Ä</div>

¿ÞÂÊÁ¤·Ä

°á·Ð!! ¿ª½Ã ¿Ü¿ì¼Å¾ß ÇÕ´Ï´Ù. ÀÚÁÖ¾²ÀÔ´Ï´Ù. ƯÈ÷ <center> ´Â °¡¿îµ¥ Á¤·Ä·Î
Á¤¸» ÈçÈ÷ »ç¿ëµÇÁö¿ä.


TIP:: °ø¹é ű׶ó°í ¾Æ½Ã³ª¿ä~?

ű׸¦ ÇÏ´Ùº¸¸é ½ºÆä½º·Î ¾Æ¹«¸® ¿­³ª°Ô Ãĵµ ÇÑÄ­¹Û¿¡ ¶ç¾îÁöÁö ¾Ê½À´Ï´Ù.
±×·¡¼­ ¿©·¯¹ø Ä¡·Á¸éÀº µû·Î ű׸¦ »ç¿ëÇØÁÖ¼­¾ß ÇÕ´Ï´Ù. ¹Ù·Î &nbsp;

ű×ÀÔ·Â °á°ú¹°

À±¹Ì&nbsp;&nbsp;&nbsp;¹Ì

À±   ¹Ì

±Û¾¾ Å©±â¿Í »ö»óµîÀ» Á¶ÀýÇØ º¾½Ã´Ù!
¿¡.. ¿©±â¼­ ÇѰ¡Áö ¶Ç ¾Ë¾ÆµÎ°í °¡¼Å¾ß ÇÒ °ÍÀÌ Àִµ¥¿ä.
¸¸¾à Á¦¼³¸íÀ» µè°íµµ ¸ð¸£½Ã°Ú´Ù¸é ±×³É ³Ñ¾î°¡¼Åµµ µË´Ï´Ù ^^*


4. ±ÛÀÚ Å©±â ¸¶À½´ë·Î!

<font size=*></font> ¿Í <span style="font-size: *pt"></span> ÀÇ Â÷ÀÌÁ¡ÀÔ´Ï´Ù.
ÀÌ´Â ºñ½ÁÇÑ ÆùÆ®ÀÇ Å©±â ű×ÀÌÁö¸¸ ¾ö¿¬ÇÏ°Ô ´Ù¸¥ Á¾·ùÀÔ´Ï´Ù.
¿©·¯ºÐµé ÀÎÅͳÝÀͽºÇ÷οö¿¡¼­ ¸Þ´º º¸±â>ÅØ½ºÆ® Å©±â Á¶ÀýÇϸéÀº Á¶ÀýµÉ ¶§°¡ÀÖ°í
¾ÈµÉ ¶§°¡ÀÖÁö¿ä? ±×°ÍÀº ¹Ù·Î Àú ÅÂ±× ¶§¹®ÀÔ´Ï´Ù.
<font size=*> ·Î´Â ÅØ½ºÆ® Å©±â°¡ ÀͽºÇ÷ξ ¸ÂÃáä·Î Á¶ÀýÀÌ µÇÁö¸¸ <span>ÅÂ±× »ç¿ë½Ã¿£
Å©±â°¡ ¾Æ¿¹ Á¤ÇØÁø »óÅ·Π³ª¿À´Â °ÍÀ̱⠶§¹®¿¡ Á¶ÀýÇØµµ º¯ÇÏÁö ¾Ê´Â °ÍÀÌÁö¿ä.

¸ð¸£½Ã¸é PASS!

¾î·µç ´Ù½Ã¿¬½ÀÀº ÇսôÙ! ±ÛÀÚ Å©±â! ű׿¬½ÀÀå ¿©½Ã°í!

ű×ÀÔ·Â °á°ú¹°

<font size="2">³È³È</font>

³È³È

<font size="5">³È³È</font>

³È³È

<span style="font-size: 8pt">³È³È</span>

³È³È

<span style="font-size: 12pt">³È³È</span>

³È³È

<font size="*"> ´Â *ÀÇ ¼ýÀÚ´Â ÀÛÀ»¼ö·Ï Å©±â°¡ ÀÛ°í Ŭ¼ö·Ï Ä¿Áý´Ï´Ù.
<span>¿¡ »ç¿ëµÈ ¼ýÀÚ´Â pt(point>¶õ ´ÜÀ§·Î ¿ª½Ã Ä¿Áú¼ö·Ï ±ÛÀÚ°¡ Ä¿Áý´Ï´Ù.


5. ±ÛÀÚ »ö»ó ¹Ù²Ù¾î ¹ö·Á!

ű×ÀÔ·Â °á°ú¹°
<font color="red">¹«½¼»ö?</font> ¹«½¼»ö?

<font color="blue">¹«½¼»ö?</font>

¹«½¼»ö?

<font color="white">¹«½¼»ö?</font>

¹«½¼»ö?

<font color="yellow">¹«½¼»ö?</font>

¹«½¼»ö?

±ÛÀÚ »ö»óÀ» Á¤ÇØÁÖ´Â ÅÂ±× ¾Æ½Ã°ÚÁÒ? ±½Àº ±Û¾¾ºÎºÐ¿¡´Ù°¡ »ö»óÄڵ峪 ¿µ¹®À» Áý¾î³ÖÀ¸¸éµÇ¿ä.
±×·±µ¥ »ö»ó Äڵ尡 ¹¹³Ä±¸¿ä? »ö»óÄÚµå´Â 6ÀÚ¸®ÀÇ ¿µ¼ýÀÚ·Î ÀÌ·ïÁø »ö»ó°íÀ¯À̸§ÀÌÁÒ.
±×°Í¿¡ ´ëÇØ¼­´Â ´ÙÀ½¿¡ ÀÚ¼¼ÇÏ°Ô ¾Ë·Áµå¸± ¼ö ÀÖ´Â ±âȸ°¡ ÀÖÀ» °Å¿¡¿ä ^^*


6. ±ÛÀÚ ÆùÆ®¸¦ ¹Ù²ã º¸±â

ű×ÀÔ·Â °á°ú¹°
<font face="±¼¸²">¾î¶²±Û¾¾?</font> ¾î¶²±Û¾¾?
<font face="µ¸¿ò">¾î¶²±Û¾¾?</font>

¾î¶²±Û¾¾?

<font face="±Ã¼­">¾î¶²±Û¾¾?</font>

¾î¶²±Û¾¾?

±Û¾¾Ã¼¸¦ Á¶ÀýÇÕ´Ï´Ù. ±×·±µ¥ ¿ì¸® ÄÄÇ»Å͵鿡°Ô´Â ±âº»ÀûÀÎ °Í¸¸ ÀúÀåµÇ¾îÀֱ⶧¹®¿¡
±¼¸², µ¸¿ò, ±Ã¼­, ¹ÙÅÁ ü¹Û¿¡ ¾²Áö ¸øÇØ¿ä >.< ´Ù¸¥ ü¸¦ ¾²°í ½Í´Ù¸é À¥ÆùÆ®¸¦ ÀÌ¿ëÇØ¾ßÁÒ!
¿äÁò ºí·Î±×³ª ½ÎÀÌ¿ùµå¿¡¼­ À¥ÆùÆ® »ç°í ÇÏÁÒ? (³ª»Û³ðµé-_- ±×°É »ç°í ÆÈ´Ù´Ï!)
¿©·¯ºÐ! ȨÆäÀÌÁö¸¦ Á÷Á¢ ¸¸µé¸é ¿¹»Û À¥ÆùÆ®µéµµ °øÂ¥·Î ±×³É »ç¿ëÇÒ ¼ö ÀÖ¾î¿ä!
±×³É ¸¸µé¾îÁÖ´Â ¾å»ðÇÑ ºí·Î±×³ª ¹Ì´ÏȨÇÇ ¶§·ÁÄ¡¿ì°í ÀڽŸ¸ÀÇ ¸ÚÁø ´ÙÁö ¾ÊÀÇ È¨ÇÇ !
¸¸µé¾î º¸½Ã´Â°ÍÀº¾î¶°¼¼¿ä >.< À½ÇÏÇÏÇÏÇÏ!~~


¿ä°÷µéÀº Á¾ÇÕÇØ¼­ ½áº¼¼ö Àֳı¸¿ä? ´çºüÁÒ!

ű×ÀÔ·Â °á°ú¹°
<font face="±¼¸²" size="5" >¾î¶²±Û¾¾?</font> ¾î¶²±Û¾¾?
<font face="µ¸¿ò" color="red"><b>¾î¶²±Û¾¾?</b></font>

¾î¶²±Û¾¾?

ÀÚ ¿©±â±îÁö´Â ¿ÏÀü ±âº»Å±×!


7. ÇÑÁÙ¶ç´Â ű×

±ÛÀÚ¸¦ ¾²´Ùº¸¸é ÇÑÁÙÀ» ¾º°í ½ÍÀºµ¥, ÀÏ¹Ý HTML ÀÛ¼ºÇÒ ¶§´Â ¾Æ¹«¸® ¿£Å͸¦ ´­·¯µµ,
°á°ú¹°Àº ¿äÁöºÎµ¿, Àý´ë ÇÑÁÙÀÌ ¶ç¾îÁöÁö ¾Ê½À´Ï´Ù. ±×·²¶§´Â... ¾Æ·¡¿Í °°ÀÌ

ű×ÀÔ·Â °á°ú¹°
¿À´Ãµµ ¿©·¯ºÐ <br> Áñ°Å¿îÇÏ·ç°¡ µÇ¼¼¿ä.

¿À´Ãµµ ¿©·¯ºÐ
 Áñ°Å¿îÇÏ·ç°¡ µÇ¼¼¿ä.

<br> ű׸¦ ÀÌ¿ëÇØÁÖ¼Å¾ß ÇÕ´Ï´Ù. <br> ű×ÀÇ Æ¯Â¡Àº ´Ý´Âűװ¡ ¾ø½À´Ï´Ù.
´Ù½Ã¸»ÇØ </br> ÀÌ·±°Ô ¾ø½À´Ï´Ù. ´Üµ¶À¸·Î »ç¿ëµÇ´Â ű×ÁÒ.


8. ¹®´Üű×

ÇÑÁÙ¶ç´Â °Íº¸´Ù Á¶±ÝÅÍ Å©°Ô ¹®´ÜÇü½ÄÀ¸·Î ¶ç¿ì´Â űװ¡ ÀÖ½À´Ï´Ù.

ű×ÀÔ·Â °á°ú¹°
¿À´Ãµµ ¿©·¯ºÐ <p> Áñ°Å¿îÇÏ·ç°¡ µÇ¼¼¿ä.</p>

¿À´Ãµµ ¿©·¯ºÐ

Áñ°Å¿îÇÏ·ç°¡ µÇ¼¼¿ä.

<br>º¸´Ù´Â <p>°¡ Å©°ÔÅ©°Ô ¶ç¿öÁý´Ï´Ù.


9. ±ÛÀÚ ¾´ ±×´ë·Î ³ªÅ¸³ª°Ô ÇÏ´Â <pre> ű×

»ý°¢º¸´Ù ÀÚÁÖ¾²À̴µ¥¿ä. ¾Ë¾ÆµÎ½Ã¸é ÁÁÀ» °Í °°½À´Ï´Ù.
Áö±Ý±îÁö ¹è¿î¹Ù·Î´Â html Çü½Ä ¹®¼­¸¦ ¾µ¶© ¿£Å͵µ ¾È¸ÔÈ÷°í, ½ºÆäÀ̽º¹Ùµµ ¾È¸ÔÇô¼­
ÀüºÎ ű׷θ¸ ÀÛ¼ºÇß¾ú´Âµ¥¿ä. ÀÌ°É <pre> ű׷ΠÇѹ濡 ÇØ°áÀÌ °¡´ÉÇÕ´Ï´Ù.

ű×ÀÔ·Â °á°ú¹°

<pre>¿À´Ãµµ ¿©·¯ºÐ
Èû³»½Ã±¸¿ä.         ÆÄÀÌÆÃ!
»ç¶ûÇØ¿ä.</pre>

¿À´Ãµµ ¿©·¯ºÐ
Èû³»½Ã±¸¿ä.         ÆÄÀÌÆÃ!
»ç¶ûÇØ¿ä.

 

±×¸²Å±×

±×¸² ű×! À̰Ÿ¹ÀÌµé ±â´Ù¸®¼ÌÁÒ~? ±×¸² ű׿¡ ´ëÇØ¼­´Â ¹«Áö °£ÇÕ´Ï´Ù.
±×¸¸Å­ ¿©·¯ºÐµé ÀÚÁÖ¾²ÀÌÁÒ~? °¡²û ÀÌ·±Áú¹®ÇÏ´Â »ç¶÷µé ÀÖ¾î¿ä. (»ç½Ç ¸¹ÀÌ~~)

"³» ȨÆäÀÌÁö¿¡ ÀÖ´Â ±×¸²ÆÄÀÏ Å±׷Π¾î¶»°Ô ¿Ã·Á¿ä?"

¿ä·¸°Ô~~ Áú¹®ÇϽôºÐÀº Á¤¸»~~~~ ¾Æ¹«°Íµµ ¸ð¸£½Ã´ÂºÐÀÔ´Ï´Ù.
ÀÚ±â ÄÄÇ»ÅÍ¿¡ ÀÖ´Â °ÍÀ» ±×³É ű׷Πº¸¿©ÁÙ ¼ö Àִ ű״ ¾ø½À´Ï´Ù.
¿À·ÎÁö ű׾ȿ¡ÀÖ´Â À̹ÌÁö ÁÖ¼Ò´Â ÀÎÅͳÝÀÌ ¿¬°áµÇ¾úÀ» ¶§ ±×¶§¼­¾ß °¡´ÉÇÑ °ÍÀ¸·Î,
ÀÌ¹Ì À¥»ó¿¡ ¿Ã·ÁÁ®ÀÖ´Â À̹ÌÁöÀÇ ÁÖ¼Ò¸¦ °¡Á®¿Í¾ß ¸¸ ÇÕ´Ï´Ù. ±×°ÍÀÌ À̹ÌÁöÁÖ¼ÒÁÒ!
ÀÚ±âÄÄÇ»Å;ȿ¡ ÀÖ´Â À̹ÌÁö ÁÖ¼Ò¸¦ ãÀ¸½Ã¸é ¾ÈµË´Ï´Ù! ±×°Ç ÀڽŸ¸ º¼¼ö ÀÖÁö ´Ù¸¥ºÐÀº
Àý´ë·Î º¸½Ç ¼ö ¾ø½À´Ï´Ù!! ÄÄÇ»Å͸¦ ¼­¹ö·Î ¸¸µéÁö ¾Ê´Â À̻󿡴¿ä~

¾Æ½Ã°ÙÁÒ~? ±×·¸±â ¶§¹®¿¡ À̹ÌÁö¸¦ ¾îµð´Ù´ø°¡ ¿Ã·ÁÁà¾ßÇÕ´Ï´Ù.

½ÎÀÌ¿ùµå°°Àºµ¥ »çÁøÃ¸¿¡ »çÁø ÷ºÎÇØ¼­ ¿Ã¸®ÁÒ? ±×·±½ÄÀ¸·Î¿ä.
±×·¡¾ßÁö ´Ù¸¥°÷¿¡ °¡¼­µµ ÷ºÎÇÑ ÆÄÀÏÀÇ »çÁøÀ» º¼¼ö ÀÖÀݾƿä~

±×·³ ¾îµð´Ù°¡ ÷ºÎÇϳÄ~ À̶ÇÇÑ °í¹ÎÀÌ µÉ ¼ö ÀÖ½À´Ï´Ù...... À̰Ç... ¾î¿¼ö ¾øÀÌ...
Á÷Á¢ ±¸ÇϼžßÇÕ´Ï´Ù ¤Ð¤Ð.. ÈçÈ÷µé °èÁ¤À» ±¸ÀÔÇÑ´Ù¶ó°í ÇÏÁÒ.
ÀÎÅÍ³Ý °èÁ¤À» ±¸ÀÔÇØ¼­ ±×°÷¿¡´Ù°¡ ¿Ã¸®°í ¹¹ ±×·¯°í Çϴ°̴ϴÙ.
 À¯·á°èÁ¤ ÀÌ´Ù ¹«·á°èÁ¤ÀÌ´Ù ÇÏÁÒ. À̰͵µ ¿ª½Ã! ´É·ÂÀÔ´Ï´Ù ´É·Â!!

ÀÚ ±×·³ Àâ¼Ò¸® ³Ñ¾î°¡°í ±×¸²ÅÂ±× ÇØº¸ÁÒ -_-!

1. ±âº»ÀûÀÎ ±×¸² ű×

ű×ÀÔ·Â °á°ú¹°
<img src="http://yoonmi.net/yoonmi.gif">

°á·Ð!! À̹ÌÁö ÅÂ±× ½±ÁÒ? <img src="À̹ÌÁöű×ÁÖ¼Ò"> ¿ä·¸°Ô¸¸ ÇØÁÖ½Ã¸é µÇ´Â°Ì´Ï´Ù!


2. ±×¸²Å±׿¡ ±×¸²¼³¸í ³Ö±â

ű×ÀÔ·Â °á°ú¹°

<img src="http://yoonmi.net/yoonmi.gif" alt="À±¹ÌÂÀ³Ý¹è³Ê">

À±¹ÌÂÀ³Ý¹è³Ê

alt="±×¸²¼³¸í" ÀÌ·¸°Ô ÇϽøéµË´Ï´Ù.
±×¸²¿¡ ¸¶¿ì½º¸¦ Àá±ñµ¿¾È ¿Ã·Áº¸½Ã¸é ÀÔ·ÂÇÑ ¼³¸íÀÌ ¶ß°Ô µË´Ï´Ù.


3. À̹ÌÁö¿Í ¹®´Ü Á¤·Ä

À̹ÌÁö¿Í ±ÛÀÚ°¡ ÇÔ²² ¾²À϶§ ³ªÅ¸³ª´Â ¸ð½ÀÀ» Á¶ÀýÇÒ ¼ö ÀÖ½À´Ï´Ù.

ű×ÀÔ·Â °á°ú¹°

<img src="http://yoonmi.net/yoonmi.gif">À±¹ÌÂÀ³Ý

À±¹ÌÂÀ³Ý¹è³ÊÀ±¹ÌÂÀ³Ý

<img src="http://yoonmi.net/yoonmi.gif" align="top">À±¹ÌÂÀ³Ý

À±¹ÌÂÀ³Ý¹è³ÊÀ±¹ÌÂÀ³Ý

<img src="http://yoonmi.net/yoonmi.gif" align="middle">À±¹ÌÂÀ³Ý

À±¹ÌÂÀ³Ý¹è³ÊÀ±¹ÌÂÀ³Ý

<img src="http://yoonmi.net/yoonmi.gif" align="bottom">À±¹ÌÂÀ³Ý

À±¹ÌÂÀ³Ý¹è³ÊÀ±¹ÌÂÀ³Ý

À§¿¡ ¾²ÀÎ¹Ù¿Í °°ÀÌ À̹ÌÁö ÅÂ±× ¾È¿¡
align="top" (À§·Î Á¤·Ä), align="middle"(°¡¿îµ¥Á¤·Ä), align="bottom"(¾Æ·¡Á¤·Ä)
·Î ³ª´©¾î ±×¸²°ú ±ÛÀÚ¸¦ Á¤·ÄÇÒ ¼ö ÀÖ½À´Ï´Ù.

ÇÏÀÌÆÛ¸µÅ©

¾Æ À̰͵µ »©³õÀ» ¼ö ¾øÀÌ Áß¿äÇÑ Å±×ÀÔÁÒ! À̰ÍÀ» ÅëÇØ¼­ ´Ù¸¥ ȨÆäÀÌÁö·Î À̵¿ÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌÇØ ¸øÇϽðڴٱ¸¿ä? ±×·³ ¾Æ·¡ ±½Àº ±Û¾¾ "À±¹ÌÂÀ³Ý" À» Å¬¸¯Çغ¸¼¼¿ä.

À±¹ÌÂÀ³Ý


»õâÀ¸·ÎÁ¦ ȨÆäÀÌÁö°¡ ¶ß´Â °ÍÀ» º¸½Ç ¼ö ÀÖÀ» °Ì´Ï´Ù. ¿ä·±°Ì´Ï´Ù ÈåÈåÈå...
»ç¿ë¹ýÀ» ¼÷ÁöÇϽðí.... ¿Ü¿ì¼¼¿ä!

1. ÇÏÀÌÆÛ¸µÅ© ű×

ű×ÀÔ·Â °á°ú¹°
<a href="http://yoonmi.net">À±¹ÌÂÀ³Ý</a>

À±¹ÌÂÀ³Ý

±½Àº±Û¾¾·ÎµÇ¾îÀÖ´Â Á¦È¨ÆäÀÌÁö ÁÖ¼Ò¸¦ ¿øÇϽô ÁÖ¼Ò·Î ¹Ù²Ù½Ã¸é µË´Ï´Ù.


2. ÇÏÀÌÆÛ¸µÅ© ÅÂ±× °Ç °ÍÀ» »õâÀ¸·Î ¶ç¿ì±â

ÀÚ, ±×·±µ¥¿ä.. ¿©·¯ºÐµéÀÌ ÇÑ °ÍÀ» ¹Ì¸®º¸±âÇØ¼­ Ŭ¸¯ÇÏ¸é »õâÀÌ¾Æ´Ñ ±×ÀÚ¸®¿¡¼­¶ßÁÒ?
±× ÀÌÀ¯´Â ¾ÆÁ÷ űװ¡ ´ú µÇ¼­ ±×·¡¿ä.

<a href="http://yoonmi.net"  target="_balnk">À±¹ÌÂÀ³Ý</a>

Àú·¸°Ô ±½Àº±Û¾¾¸¦ Ãß°¡ÇØÁÖ¼Å¾ß ÇÕ´Ï´Ù. ±×·¡¾ß »õâÀ¸·Î ¶°¿ä~~ ¹¯Áö ¸»°í¿Ü¿ö¶ó!
¾Æ, À̹ÌÁö¿¡´Ù°¡´Â ÇÏÀÌÆÛ ¸µÅ© ¸ø°Å³Ä±¸? ¿Ö ¸ø°Ì´Ï±î! º¹½ÀÇսôÙ! ÄÄ¿Â~

ű×ÀÔ·Â °á°ú¹°
<a href="http://yoonmi.net" target="_blank"><img src="http://yoonmi.net/yoonmi.gif"></a>

3. ÇÏÀÌÆÛ¸µÅ© °É¸° À̹ÌÁö¿¡ Å׵θ® ¾ø¾Ö±â

ÀÚ, ±×·±µ¥ ¿©±â¼­ ¶Ç Áú¹®! ÀÌ»óź Å׵θ®°¡ »ý°Ü¿ä!! ±×ÃÝ?
¿ª½Ã À̰͵µ ű׷μ­ Á¶ÀýÇÒ ¼ö ÀÖ´Â ºÎºÐÀÔ´Ï´Ù. ÀÚ Áö±Ý±îÁö ÇÑ ¸ðµç °Íµå¸ª¤¤
ÀüºÎ~~ ¿Ü¿ö ¹ö¸®¼¼¿ê! À̱îÀ̲¨ ±×³É ÇÑ´Ù¸é ¿Ü¿î´Ù ¾Æ´Õ´Ï±î?
ÀÚ ±×·¯¸é Àú·¸°Ô º¸±â ÈäÇÑ Å׵θ®¸¦ ¾ø¾Ö·Á¸é!!

 <img src="http://yoonmi.net/yoonmi.gif" border="0">

ÀÌ·±½ÄÀ¸·Î border="0" À̰ÍÀ» À̹ÌÁö ű׾ȿ¡ ¾¦ ³Ö¾îÁּžßÇÕ´Ï´Ù.

<a href="http://yoonmi.net" target="_blank"><img src="http://yoonmi.net/yoonmi.gif" border="0"></a>

¾î¶»½À´Ï±î? ¿Ïº®ÇÏÁö ¾Ê½À´Ï±î? ÇÏÇÏÇÏ~
¹Ù·Î À­ ű״ ±×¸²¿¡´Ù°¡ Å׵θ® 0À¸·Î Çϰí À±¹ÌÂÀ³Ý »õâ ¸µÅ©¸¦ °É¾îÁØ Å±×ÀÔ´Ï´Ù.

Å×À̺í ű×

Å×À̺íű״ ǥ¸¦ ¸¸µå´Â ű×ÀÔ´Ï´Ù.
Å×À̺í ű״ óÀ½º¸´Â »ç¶÷µéÇÑÅ× Á¤¸» º¹ÀÛÇÏ°í ±ÍÂúÀº°Ô ¾Æ´Ñ ¼ö ¾ø½À´Ï´Ù.
À§¿¡ °Í º¸´Â°Í¸¸À¸·Îµµ ¹÷Âù¿¡ ÀÌÁ¦ Á¤¸» ÁøÂ¥·Î ÅÂ±× ½ÃÀÛÀ̰ɶû¿ä.
¿Ö¿ì¼Å¾ß Çϳı¸¿ä? ³ª¸ðÀ¥¿¡µðÅ͸¦ Àß ´Ù·ç½Å´Ù¸é.... ²À ¿Ü¿ìÁö´Â ¾È¾Æµµ µÇÁö¸¸,
¾ÕÀ¸·Îµµ °è¼Ó ȨÆäÀÌÁö ÀÛ¾÷Çϰí ÇÒ²¨¸é ÇʼöÁ¶°ÇÁß¿¡ ÇϳªÀÔ´Ï´Ù.

1. ±âº» Å×À̺í ű×

<table>
<tr>
<td>¼Ð ¾È¿¡ µé¾î°¥ ³»¿ë</td>
</tr>
</table>

ù ½ÃÀÛÀº <table> ±×´ÙÀ½¿¡ ÁÙÀ» ³ª´©´Â ÅÂ±× <tr>ÀÌ ÀÖ½À´Ï´Ù.
<tr> ´ÙÀ½¿¡ ¹Ù·Î <td>°¡ µé¾î°©´Ï´Ù. ¼ÐÀ» ³ª´©´Â ű×ÀÔ´Ï´Ù.
<td>°¡ ¿©·¯¹ø ¾²Àϼö·Ï ¼ÐÀÌ ¸¹ÀÌ ³ª´²Áý´Ï´Ù.
¹Ýµå½Ã <td>¸¦ ¿­¾úÀ¸¸é </td>¸¦ ÇØ¼­ ´Ý¾ÆÁÖ°í¿ä.
¸¶Âù°¡Áö·Î ¼ÐÀ» ¸î °³¸¦ ³Ö´ø ¿øÇÏ´Â <td>¸¦ ÃæÁ·½ÃŲÈÄ </tr>·Î ÁÙÀ» ´Ý¾ÆÁÝ´Ï´Ù.
ÇÑÁÙÀ» ´õ Ãß°¡ÇÏ·Á¸é À§¿Í °°Àº ¹æ½ÄÀ¸·Î °è¼Ó Ãß°¡ÇϸéµË´Ï´Ù.
¸¶Áö¸·À¸·Î </table>ű׷ΠÅ×À̺í ű׸¦ ¸¶¹«¸® ÇÏ¸é µË´Ï´Ù.


ÀÚ ¹«½¼¸»ÀÎÁö ¸ð¸£°ÚÁÒ?;;

±×·³ ¿ì¼± ű׿¬½ÀÀå¿¡ ¾Æ·¡¿Í °°ÀÌ ÀÔ·ÂÇØº¾´Ï´Ù.

ű×ÀÔ·Â

<table>
<tr>
<td>ÀÌ °÷ÀÌ ¼Ð ÀÔ´Ï´Ù.</td>
</tr>
</table>

°á°ú¹°Àº ´ÙÀ½°ú °°½À´Ï´Ù.

°á°ú¹°
À̰÷ÀÌ ¼Ð ÀÔ´Ï´Ù.

ÀÚ À߸𸣰ÚÁÒ? ±×·³ µÎ²²¸¦ Á຾½Ã´Ù.

ű×ÀÔ·Â

<table border="1">
<tr>
<td>ÀÌ °÷ÀÌ ¼Ð ÀÔ´Ï´Ù.</td>
</tr>
</table>

°á°ú¹°Àº ´ÙÀ½°ú °°½À´Ï´Ù.

°á°ú¹°
À̰÷ÀÌ ¼Ð ÀÔ´Ï´Ù.

ÀÌÁ¦ ¼ÐÀ» ³ª´²º¸°Ú½À´Ï´Ù. <td> °¡ ´Ã¾î³ª°ÚÁÒ.

ű×ÀÔ·Â

<table border="1">
<tr>
<td>³ª¸ðÀ¥</td>
  <td>µå¸²À§¹ö</td>
<td>Æ÷Åä¼¥</td>
</tr>
</table>

°á°ú¹°Àº ´ÙÀ½°ú °°½À´Ï´Ù.

°á°ú¹°
³ª¸ðÀ¥ µå¸²À§¹ö Æ÷Åä¼¥

<td>¸¦ ¼¼ ¹ø »ç¿ëÇß´õ´Ï ¼Ð(Ä­)ÀÌ ¼¼ °³°¡ »ý°å½À´Ï´Ù.


±×·¯¸é ¼Ð°ú ³ª´®°ú µ¿½Ã¿¡ ÁÙµµ ´Ã·Áº¼±î¿ä?

ű×ÀÔ·Â

<table border="1">
<tr>

<td>Æ÷Åä¼¥</td>
<td>Ç÷¡½Ã</td>
</tr>
<tr>

<td>³ª¸ðÀ¥</td>
  <td>µå¸²À§¹ö</td>
</tr>
</table>

°á°ú¹°Àº ´ÙÀ½°ú °°½À´Ï´Ù.

°á°ú¹°
Æ÷Åä¼¥ Ç÷¡½Ã
³ª¸ðÀ¥ µå¸²À§¹ö

<tr>ÀÌ Çѹø ´õ ´Ã¾î³­ ¸¸Å­ ÁÙÀÌ Çϳª ´õ »ý°å¾î¿ä. ^-^


2. Å×À̺í ÅÂ±× Å©±â Á¶Àý

°¢ Å×ÀÌºí ¸¶´Ù °¡·Î³ª ¼¼·Î Å©±â¸¦ Á¶Àý ÇÒ ¼ö ÀÖ½À´Ï´Ù.
Å×ÀÌÆ² ű׿¡ width(°¡·Î) ¿Í height(¼¼·Î) °ªÀ» ÁÝ´Ï´Ù.
¼öÄ¡¸¦ ÁÖ´Â ¹æ¹ý¿¡´Â Å©°Ô µÎ°¡Áö°¡Àִµ¥,
Çϳª´Â pixel °ªÀ¸·Î Á¤È®ÇÏ°Ô ÁÖ´Â °ÍÀ̰í,
³ª¸ÓÁö Çϳª´Â ÆÛ¼¾Å×ÀÌÁö(%) °ªÀ¸·Î º¸À̴ºê¶ó¿ìÁ®ÀÇ Å©±â¿¡ µû¶ó
»ó´ëÀûÀ¸·Î Ç¥ÀÇ Å©±âµµ º¯Çϱ⠶§¹®¿¡ »ç¿ë½Ã¿¡ ÀÌÇØ°¡ ÇÊ¿äÇÕ´Ï´Ù.

ű×ÀÔ·Â

<table border="1" width="400" height="200">
<tr>
<td>ºê¶ó¿ìÁ®ÀÇ Å©±â¸¦ Á¶ÀýÇØµµ</td>
</tr>
<tr>
<td>Ç¥ÀÇ Å©±â´Â º¯ÇÏÁö ¾Ê½À´Ï´Ù.</td>
</tr>
</table>

°á°ú¹°Àº ´ÙÀ½°ú °°½À´Ï´Ù. Å×À̺íÀÇ ¼¼·Î Å©±â¸¦ 200px·Î ÁÖ¾ú±â ¶§¹®¿¡,
ÀÚµ¿À¸·Î ÁÙÀÌ µÎ °³¶ó¼­ °¢°¢ 100px ¾¿ ³ª´²Áø °á°ú¹°ÀÔ´Ï´Ù.

°á°ú¹°
ºê¶ó¿ìÁ®ÀÇ Å©±â¸¦ Á¶ÀýÇØµµ
Ç¥ÀÇ Å©±â´Â º¯ÇÏÁö ¾Ê½À´Ï´Ù.

3. Å×ÀÌºí ¹è°æ »ö»ó ÁÖ±â

Å×ÀÌºí ¹è°æ »ö»óÀ» ÁÙ ¼ö ÀÖ½À´Ï´Ù. ÀüüÀûÀ¸·Îµµ °¡´ÉÇϰí, ¼Ð¸¶´Ùµµ °¡´ÉÇÕ´Ï´Ù.
<td> °¡ ¼ÐÀ» ÁöÁ¤Çϴ ű׿´Àݾƿä. td ű׾ȿ¡ bgcolor="»ö»óÄÚµå"À» µ¡ºÙ¿© ÁÝ´Ï´Ù.

ps. »ö»óÄÚµå¶õ ¼ýÀÚ 6ÀÚ¸®·Î ÀÌ·ïÁø °íÀ¯ÀÇ »ö»ó³Ñ¹ö¿¡¿ä.

ű×ÀÔ·Â

 <table border="1" width="200" height="100">

<tr>
<td bgcolor="#EADBDB"></td>
<td bgcolor="#DDEACF"></td>
</tr>
<tr>
<td></td>
<td bgcolor="#E6ECF3"></td>
</tr>

</table>

°á°ú¹°Àº ´ÙÀ½°ú °°½À´Ï´Ù. Áö±Ý º¸¸é ¾Æ·§ÁÙ ¿ÞÂÊ ¼ÐÀº ¾Æ¹«»öµµ ¾ø´Âµ¥¿ä.
¼Ò½º¿¡¼­ ±×ºÎºÐ¸¸ ÁöÁ¤ÇÏÁö ¾Ê¾Æ¼­ ±×·¸½À´Ï´Ù.^^

°á°ú¹°

¿©±â±îÁö °í»ýÇϼ̽À´Ï´Ù. »ç½Ç Å×À̺í űװ¡ À̰͸»°íµµ ¹«±Ã¹«Áø ÇÕ´Ï´Ù.
±×·¯³ª, ±âº»Àº ¿©±â±îÁö¸¸ ÇÏ°í ³ª¸ÓÁö´Â ³ª¸ðÀ¥¿¡µðÅÍ ÇÁ·Î±×·¥ÀÌ ¾Ë¾Æ¼­ ÇØÁÙ²¨¿¡¿ä.

±×·³ ´ÙÀ½ ÅÂ±× °øºÎ·Î °¡º¼±î¿ä? ¾ÆÁ÷ ³¡ÀÌ ¾Æ´Ï¿¡¿ä!

À½¾ÇÅÂ±× ¹Ù·Î°¡±â Ŭ¸¯