ÄÁÅÙÃ÷»ó¼¼º¸±â

ÄÄUP HTML ű×
ÄÄUP HTML ű×
  • ÀúÀÚ¿À½ÂÇö, ±èÇý¼º
  • ÃâÆÇ»çÀ£ºÏ
  • ÃâÆÇÀÏ2013-01-12
  • µî·ÏÀÏ2013-02-26
º¸À¯ 1, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 0, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

¡Ø º» ÀüÀÚÃ¥Àº ºÎ·Ï ÆÄÀÏÀÌ Á¦°øµÇÁö ¾Ê½À´Ï´Ù.



ÄÄÇ»ÅÍ ½Ç·ÂÀ» UP½ÃÄÑ ÁÖ´Â [ÄÄUP!] HTML ű×



- ÃÑ 20°³ÀÇ Chapter

óÀ½ºÎÅÍ ³¡±îÁö¶ó´Â ¸»ÀÌ ¾î¿ï¸®´Â ±¸¼ºÀ¸·Î, °¢ éÅÍ ¾î´À °Í Çϳª¶óµµ ¹ö¸± ¼ö ¾ø´Â ÇöÀå¿¡ °¡Àå ¾î¿ï¸®´Â ±¸¼ºÀÔ´Ï´Ù.



- dzºÎÇÑ ¿¹Á¦¿Í ¹Ýº¹, ½Ç¹« ÇнÀ

¸ðµç éÅÍ¿¡ 1~3°³ ¶Ç´Â 4°³±îÁöÀÇ ¼½¼ÇÀ» µÎ°í, ±âº»¹®Á¦¿Í Á¾ÇÕ¹®Á¦¸¦ ÅëÇÑ ¹Ýº¹°ú ½Ç¹«¿¡ Àû¿ë °¡´ÉÇÑ ³»¿ëÀÇ ÇнÀÀÌ °¡´ÉÇÕ´Ï´Ù.



- TIP°ú °í¼öºñ¹ý

¿¬°ü ³»¿ëÀ̳ª °ü·Ã ³»¿ë À§ÁÖÀÇ ÂªÀº ¼³¸íÀÎ TIP, ¿¬°ü¼ºÀº Á¶±Ý ¶³¾îÁöÁö¸¸ ½Ç·ÂÀ» ÇÑ ´Ü°è ²ø¾î ¿Ã¸®´Âµ¥ ÇÊ¿äÇÑ °í¼öºñ¹ýÀ¸·Î Ãß°¡ ÇнÀÀÇ È¿°ú¸¦ ¾òÀ» ¼ö ÀÖ½À´Ï´Ù.



ÃâÆÇ»ç ¸®ºä

´Ù¾çÇÑ Á¤º¸Åë½Å ±â±â¸¦ ÀÌ¿ëÇÑ ÀÎÅÍ³Ý »óÀÇ Á¤º¸ ±³È¯Àº ¿Â¶óÀÎ Ä¿¹Â´ÏƼÀÇ È°¼ºÈ­¿¡ ±â¿©ÇÏ¿´½À´Ï´Ù. ÀÌ·Î ÀÎÇØ °³ÀÎÀ̳ª ´Üü µî °øµ¿Ã¼ ȨÆäÀÌÁöµéÀº ¼¼·ÃµÇ°í, ¸ñÀû¿¡ ¸Â°Ô ²Ù¹Ì´Â °Í¿¡ ´ëÇÑ °ü½ÉÀÌ ³ô¾ÆÁ³½À´Ï´Ù. HTMLÀ» »ç¿ëÇϸé HTML ¿¡µðÅ͸¦ Áö¿øÇÏ´Â ¿Â¶óÀÎ Ä¿¹Â´ÏƼ¿¡¼­ µðÀÚÀΰú °¡µ¶¼º¸é¿¡¼­ Â÷º°È­ µÈ À¥ÆäÀÌÁö¸¦ ÀÛ¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù. ¶ÇÇÑ Æ¯Á¤ÇÑ Æ²¿¡¼­¸¸ °¤ÇôÀÖ´ø ¹Ì´ÏȨÇÇ¿¡¼­ ¹þ¾î³ª °³¼ºÀ» »ì¸° ÀڽŸ¸ÀÇ È¨ÆäÀÌÁö¸¦ ¸¸µé ¼ö ÀÖ½À´Ï´Ù.



ÀÌ Ã¥¿¡¼­´Â HTMLÀÇ ³»¿ëÀ» ±âº» ¹®Á¦¿Í Á¾ÇÕ¹®Á¦¸¦ ÅëÇØ ¿Ïº®ÇÏ°Ô ÀÍÈú ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´½À´Ï´Ù. ¿¹Á¦¸¦ Çϳª¾¿ µû¶óÇϸ鼭 ÀÎÅÍ³Ý ¾ð¾î¸¦ ÀÍÈú ¼ö ÀÖµµ·Ï ÇÏ¿´À¸¸ç, º¸Ãæ ¼³¸íÀ» TIPÀ¸·Î ±¸¼ºÇÏ¿´½À´Ï´Ù. ¶ÇÇÑ º»¹® ³»¿ë¿¡¼­ ´Ù·çÁö ¸øÇÑ ºÎºÐÀ» °í¼öºñ¹ýÀ¸·Î ºÐ¸®ÇÏ¿© Á¤¸®ÇÏ¿´½À´Ï´Ù. ¶ÇÇÑ HTMLÀÇ ±âº» ±â´ÉµéÀ» ÀÍÈ÷°í, ÀÀ¿ëÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇÏ¿´½À´Ï´Ù.



[ÄÄUP!] HTMLÀÇ °¢ Chapter¸¦ Çϳª¾¿ µû¶óÇϸ鼭 ½Ç·ÂÀ» Çâ»ó½ÃÅ°±â ¹Ù¶ø´Ï´Ù.

¸ñÂ÷

Chapter 01 HTML ½ÃÀÛÇϱâ 

section 01 HTMLÀº ¹«¾ùÀϱî? 

section 02 HTMLÀº ¹«¾ùÀÌ ÇÊ¿äÇÒ±î? 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 02 ±âº» Å±׺ÎÅÍ Â÷±ÙÂ÷±Ù 

section 01 HTMLÀÇ ±âº» Çü½Ä 

section 02 HTML ¹®¼­¸¦ ¸¸µé°í, ÀúÀåÇϱâ 

section 03 º¸ÀÌÁö ¾Ê´Â ¸ÞŸÅ±נ

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 03 HTMLÀÇ ÄÚµð³×ÀÌÅÍ CSS 

section 01 CSS ¸Àº¸±â 

section 02 CSS¸¦ Àû¿ë½ÃÅ°´Â ¹æ¹ý(External) 

section 03 CSS¸¦ Àû¿ë½ÃÅ°´Â ¹æ¹ý(Embbeding) 

section 04 CSS¸¦ Àû¿ë½ÃÅ°´Â ¹æ¹ý(Inline) 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 04 ±ÛÀÚ Á¤·Ä ¹× Àοë 

section 01 BR(Break Line) Å±נ

section 02 P(Paragraph) Å±נ

section 03 Center(Á¤·Ä) Å±נ

section 04 Blockquote(Àοë) Å±נ

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 05 ÀÔ·ÂÇÑ ±×´ë·Î Ãâ·ÂÇϴ Å±נ

section 01 ÀÔ·ÂÇÑ ±×´ë·Î Ãâ·ÂÇϴ £¼pre£¾ Å±נ

section 02 Å±ױîÁö ¸ðµÎ º¸¿©Áִ £¼xmp£¾ Å±נ

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 06 BODY¿¡ È¿°úÁÖ±â 

section 01 À¥ºê¶ó¿ìÀú¿¡ ¹è°æ »ö»ó ÁöÁ¤Çϱâ 

section 02 À¥ºê¶ó¿ìÀú¿¡ À̹ÌÁö¸¦ ¹è°æÀ¸·Î ÁöÁ¤Çϱâ 

section 03 body¿¡ ¿©¹éÁÖ±â 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 07 £¼HR£¾ Å±׷Π¼öÆò¼± ±×¸®±â 

section 01 HR(Horizontal Line) Å±׷Π¼öÆò¼± ±×¸®±â 

section 02 ´Ù¾çÇÑ ¼öÆò¼± Ç¥ÇöÇϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 08 ´Ù¾çÇÏ°Ô ±ÛÀڠǥÇöÇϱâ 

section 01 ±ÛÀÚ Å©±â, »ö»ó, ±Û²Ã ÁöÁ¤Çϱâ 

section 02 ±ÛÀÚ¿¡ È¿°úÁÖ±â¿Í Àǹ̠ºÎ¿©Çϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 09 Á¦¸ñ ±ÛÀڿ͠Ư¼ö¹®ÀÚ 

section 01 £¼H£¾ Å±׷ΠÁ¦¸ñ ±ÛÀÚ ÁöÁ¤Çϱâ 

section 02 Æ¯¼ö¹®ÀڠǥÇöÇϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 10 £¼Marquee£¾ Å±׷Π¿òÁ÷À̴ ±ÛÀÚ ¸¸µé±â 

section 01 £¼Marquee£¾ Å±׷Π¿òÁ÷À̴ ±ÛÀÚ ¸¸µé±â 

section 02 £¼Marquee£¾ Å±׷Π´Ù¾çÇÑ ¿òÁ÷ÀӠǥÇöÇϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 11 ¸ñ·Ï Å±נ¾Ë±â 

section 01 ¼ø¼­ ¾ø´Â ¸ñ·Ï(UL) Å±נ¾Ë±â 

section 02 ¼ø¼­ Àִ ¸ñ·Ï(OL) Å±נ¾Ë±â 

section 03 Á¤ÀÇ ¸ñ·Ï(DL) Å±נ¾Ë±â 

section 04 CSS·Î ¸ñ·Ï Å±נ²Ù¹Ì±â 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 12 À̹ÌÁö »ðÀÔÇϱâ 

section 01 £¼IMG£¾ Å±׷ΠÀ̹ÌÁö »ðÀÔÇϱâ 

section 02 £¼IMG£¾ Å±×ÀÇ alt ¼Ó¼º 

section 03 À̹ÌÁö Å©±â Á¶ÀýÇϱâ 

section 04 ¹®¼­ ³»¿¡¼­ À̹ÌÁö Á¤·ÄÇϱâ 

section 05 À̹ÌÁö¿¡ ¿©¹é ÁÖ±â 

section 06 Å׵θ® ÀÔÈ÷±â 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 13 ¸ÖƼ¹Ìµð¾î·Î ²Ù¸çº¸±â 

section 01 ¹è°æ¿¡ À½¾Ç ³Ö±â 

section 02 µ¿¿µ»ó »ðÀÔÇÏ°í, Á¦¾îÇϱâ 

section 03 Ç÷¡½Ã »ðÀÔÇÏ°í, Á¦¾îÇϱâ 

section 04 À¯Æ©ºê ¿µ»ó »ðÀÔÇϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 14 ÇÏÀÌÆÛ¸µÅ© °É±â 

section 01 À¥»çÀÌÆ®·Î À̵¿Çϱâ 

section 02 ¼­·Î ´Ù¸¥ ¹®¼­ ¿«±â 

section 03 ÇÏÀÌÆÛ¸µÅ© taget ¼Ó¼º 

section 04 ÇÏÀÌÆÛ¸µÅ©·Î ¸ÞÀÏ ¿¬°áÇϱâ 

section 05 ÇÏÀÌÆÛ¸µÅ©·Î ÆÄÀÏ ¿¬°áÇϱâ 

section 06 ¸µÅ©µÈ À̹ÌÁö Å±נÅ׵θ® ¾ø¾Ö±â 

section 07 ¸µÅ©ÀÇ »ö»ó º¯°æÇϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 15 °°Àº ¹®¼­ ³»¿¡¼­ À̵¿Çϱâ 

section 01 ¾ÞÄ¿(Ã¥°¥ÇÇ) °É±â 

section 02 °°Àº À¥¹®¼­¿¡ ¸µÅ© °É±â 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 16 Ç¥ ¸¸µé±â 

section 01 Ç¥ ±×¸®±â 

section 02 ¼¿ ¾È¿¡¼­ Á¤·ÄÇϱâ 

section 03 ¼¿ ÇÕÄ¡±â 

section 04 Ç¥¿¡ Á¦¸ñ ´Þ±â 

section 05 Ç¥ÀÇ ¿©¹é ÁöÁ¤Çϱâ 

section 06 ¼¿ Å׵θ® µðÀÚÀÎÇϱâ(border ¼Ó¼º ÀÌ¿ë) 

section 07 ¼¿¿¡ »ö»ó°ú À̹ÌÁö ¼³Á¤Çϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 17 Æû ¾ç½Ä ¸¸µé±â 

section 01 ÅؽºÆ® ¹× ¾ÏÈ£ ÀԷ ¾ç½Ä ¸¸µé±â 

section 02 Ã¼Å© ¹Ú½º/¶óµð¿À ¹öÆ°(CHECKBOX/RADIO) 

section 03 ¼±Åà¸Þ´º(SELECT) 

section 04 ´ÙÁß ¼±Åà¸Þ´º ¸¸µé±â(SELECT) 

section 05 ÆÄÀϠ÷ºÎ ¹Ú½º(FILE) 

section 06 ¿©·¯ ÁÙÀÇ ÀԷ ¹Ú½º(TEXTAREA) 

section 07 ¹öÆ° ¸¸µé±â(SUBMIT) 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 18 ÇÁ·¹ÀӠűנ¾Ë±â 

section 01 ÇÁ·¹ÀÓ ³ª´©±â 

section 02 ÇÁ·¹ÀÓ Å©±â ¼³Á¤Çϱâ 

section 03 SCROLLING ¼Ó¼º 

section 04 MARGINWIDTH/MARGINHEIGHT ¼Ó¼º 

section 05 FRAMEBORDER/BORDER ¼Ó¼º 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 19 À¥ÆäÀÌÁö ¸¸µé±â 

section 01 intro.html 

section 02 top.html 

section 03 introduce.html 

section 04 index.html 

section 05 photography.html 

section 06 video.html 

section 07 bookmark.html 

section 08 schedule.html 

section 09 guest.html 

section 10 È¨ÆäÀÌÁö È®ÀÎÇϱâ 

±âº»¹®Á¦ 

Á¾ÇÕ¹®Á¦ 



Chapter 20 È¨ÆäÀÌÁö Å±נÃÑÁ¤¸® 

html ±âº» Å±נ

body ¼Ó¼º Á¤¸® 

ÆùÆ® Å±נ

¼öÆò¼± Å±נ

¼­½Ä Å±נ

marquee Å±נ

À̹ÌÁö Å±נ

ÇÏÀÌÆÛ¸µÅ© Å±נ

ÀÔ·ÂÇÑ ±×´ë·Î Ãâ·ÂÇϴ Å±נ

¸ñ·Ï Á¤ÀǠűנ

ÇÁ·¹ÀӠűנ

Å×À̺í Å±נ

Æû Å±נ

ÇÑÁÙ ¼­Æò