|
|
|
ÀÎÅÍ³Ý ÇÁ·Î±×·¡¹Ö :
(CD1ÀåÆ÷ÇÔ)
|
|
|
ÀÌÁ¾¿ë
¤Ó
ÀÏÁø»ç
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
ÀÎÅÍ³Ý ÇÁ·Î±×·¡¹Ö È°¿ë¼. ÀÌ Ã¥Àº ÀÎÅͳÝÀÇ ±âÃʺÎÅÍ È°¿ë±îÁö ½Ç·Ê¸¦ ÅëÇØ ÀÍÈú ¼ö ÀÖµµ·Ï ±¸¼ºÇÑ °ÍÀ¸·Î ÀÎÅͳÝÀÇ °³³ä°ú ¿ª»ç, HTMLÀ» ÀÌ¿ëÇÏ´Â ¹æ¹ý, ȨÆäÀÌÁö¸¦ ±âȹÇÒ ¼ö ÀÖ´Â ¹æÇâÁ¦½Ã¿Í ±¸¼º¹æ¹ý ¹× HTML ű׿¡ °üÇÏ¿© ¼³¸íÇÑ´Ù.
¶ÇÇÑ È¨ÆäÀÌÁö °Ô½ÃÆÇ Á¦ÀÛ¿¡ ÇÊ¿äÇÑ µµ±¸ÀÇ ¼³Ä¡ °úÁ¤°ú °Ô½ÃÆÇ ÀÛ¾÷¿¡ ´ëÇÑ ³»¿ëÀ» ´Ù·ç¾î Á¦ÀÛÀÚ°¡ ¿øÇÏ´Â µðÀÚÀÎÀ¸·Î ÀÌ·ç¾îÁöµµ·Ï ±¸¼ºÇÏ¿´´Ù. ºÎ·ÏCD¿¡´Â º»¹® HTML ¼Ò½º ¿¹Á¦¿Í À¯Æ¿¸®Æ¼ ÇÁ·Î±×·¥, Æ÷Åä¼¥°ú Á¦·Îº¸µå µîÀÇ ³»¿ëÀ» ´ã¾Ò´Ù.
-
-
¿ì¸®´Â ÇöÀç ÀÎÅͳݰú µ¿¶³¾îÁø »îÀ» »ý°¢ÇÒ ¼ö ¾ø´Â ½Ã´ë¿¡ »ì°í ÀÖ´Ù. ¿ì¸® ÁÖº¯ÀÇ ÀÎÅÍ³Ý ÀÌ¿ë°ú »ýÈ°À» º¸¸é ´ëÇѹα¹ÀÌ ÀÎÅÍ³Ý °±¹À̶ó´Â Âù»ç°¡ °úµµÇÑ ÄªÂùÀº ¾Æ´Ñ µí½Í´Ù. ÀÌÁ¨ °³ÀÎÀÌ È¨ÆäÀÌÁö¸¦ ¸¸µé°í °ü¸®ÇÏ´Â °ÍÀÌ ÀϹÝȵǰí ÀÖ¾î ÀÌ¿¡ µû¶ó ¿©·¯ °¡Áö ¹æ¹ýµéµµ ¼Ò°³µÇ°í ÀÖ´Ù.
ȨÆäÀÌÁö¿¡ ´ëÇÑ °ü½Éµµ°¡ ³ª³¯ÀÌ ´Ã¾î°¡´Â °¡¿îµ¥ HTMLÀ» ÀÌ¿ëÇÑ È¨ÆäÀÌÁö Á¦ÀÛ¿¡ °üÇÑ Ã¥À» ¿«°Ô µÇ¾ú´Ù.
¸ÕÀú ȨÆäÀÌÁö¸¦ ¸¸µé±â À§Çؼ´Â ÁÖÁ¦¿¡ ¸Â´Â ±âȹ·Â°ú HTML, CSS¶ó´Â °úÁ¤ÀÌ ÇÊ¿äÇÏ´Ù. ¹°·Ð ȨÆäÀÌÁö¸¦ ÇÑ ¹ø¿¡ ½±°Ô ¸¸µé ¼ö ÀÖ´Â ÁÁÀº ÇÁ·Î±×·¥ÀÌ ÀÖ±ä ÇÏÁö¸¸ ±× ÇÁ·Î±×·¥À» »ç¿ëÇÏ´Ùº¸¸é ÇÑ°èÁ¡¿¡ ºÎµúÄ¡´Â °æ¿ì°¡ ¸¹´Ù. »ç½Ç ȨÆäÀÌÁö Á¦ÀÛ¿¡ °ü½É ÀÖ´Â »ç¶÷µé Áß¿¡ HTMLÀ» ¸ð¸£´Â »ç¶÷Àº ¾ø°ÚÁö¸¸ ű׸¦ Á¦´ë·Î È°¿ëÇÒ ¼ö ÀÖ´Â »ç¶÷Àº ±×¸® ¸¹Áö ¾Ê´Ù.
HTMLÀº ÀÚ½ÅÀÌ ¿øÇϴ ȨÆäÀÌÁö¸¦ ¸¸µå´Â µðµõµ¹À̱⠶§¹®¿¡ HTML ÅÂ±× ¸í·É¾î°¡ ½±´Ù°í °£°úÇؼ´Â ¾ÈµÈ´Ù. ÀÌ°ÍÀ» ¼ÒȦÈ÷ ÇÑ´Ù¸é °á±¹ óÀ½ºÎÅÍ ´Ù½Ã ½ÃÀÛÇØ¾ß ÇÏ´Â ¾Ç¼øȯÀÌ ¹Ýº¹µÉ °ÍÀÌ´Ù.
ÀÌ Ã¥Àº ±× µ¿¾È °ÀÇ¿Í Áöµµ¸¦ ÇØ ¿À¸é¼ °æÇèÇÑ ±âº»ÀûÀΠȨÆäÀÌÁö Á¦ÀÛ¿¡ µû¸¥ ±âȹ·Â°ú °¡Àå ¸¹ÀÌ ¹ÞÀº Áú¹®, ¿À·ù°¡ °¡Àå Àß »ý±â´Â ÅÂ±× µîÀ» ¹ÙÅÁÀ¸·Î ȨÆäÀÌÁö ±âÃÊ ÇнÀ¼¸¦ ¸¸µå´Â µ¥ ÁßÁ¡À» µÎ¾ú´Ù.
ÀÌ Ã¥Àº ±¸¼ºÇÏ´Â µ¥ À־µ ȨÆäÀÌÁö¸¦ Á¦ÀÛÇϰųª ÄÄÇ»ÅÍ¿Í ÀÎÅͳݿ¡ Àͼ÷ÇÏÁö ¸øÇÑ ºÐÀ» À§ÇØ È¨ÆäÀÌÁö¸¦ ½±°Ô ±¸ÃàÇÒ ¼ö ÀÖµµ·Ï ¹è·ÁÇÏ¿´´Ù.
1Àå¿¡¼´Â ÀÎÅÍ³Ý °³³ä°ú ¿ª»ç, HTMLÀ» ÀÌ¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ ¼¼úÇÏ¿´°í,
2Àå¿¡¼´Â ȨÆäÀÌÁöÀÇ ±âȹ ¹æÇâ°ú ¹æ¹ý, Á¦ÀÛ ½Ã ÇÊ¿äÇÑ µµ±¸ µîÀ» ´Ù·ç¾ú´Ù.
3Àå, 4Àå¿¡¼´Â À¥ºê¶ó¿ìÀú¿¡¼ Á¢¼ÓÀÚ°¡ º¼ ¼ö ÀÖ´Â HTMLÀ» ÀÌ¿ëÇÏ¿© ¹®¼¸¦ ±¸¼º Á¦ÀÛÇÑ »ç·Ê¿Í À̹ÌÁö¸¦ ½Ç¾ú´Ù.
5Àå¿¡¼´Â À¥¿¡¼ ÁöÁ¤µÈ ±×¸²À̳ª ±ÛÀÚ¸¦ Ŭ¸¯ÇÏ¸é ¸µÅ©½ÃŲ ÆäÀÌÁö ¶Ç´Â ƯÁ¤ ÁÖ¼Ò, ÆÄÀÏ µîÀ¸·Î À̵¿ÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ »ìÆ캸¾Ò°í,
6Àå¿¡¼´Â ȨÆäÀÌÁöÀÇ ÀüüÀûÀÎ ±¸¼º°ú ·¹À̾ƿô ¼³Á¤ ¹æ¹ýÀ» ´Ù·ç¾ú´Ù.
7Àå¿¡¼´Â ÇÑÁ¤ÀûÀÎ ÇϳªÀÇ È¸é¿¡ Çϳª ÀÌ»óÀÇ HTML ÆÄÀϵéÀ» ºÒ·¯¿Í º¼ ¼ö ÀÖµµ·Ï ȸéÀ» ºÐÇÒ½ÃÄÑ º¸´Ù Æø³Ð°Ô È¸é ±¸¼ºÀ» ÇÒ ¼ö ÀÖ´Â ÇÁ·¹ÀÓ¿¡ ´ëÇؼ »ìÆ캸¾ÒÀ¸¸ç,
8Àå¿¡¼´Â À¥¿¡¼ È°¿ëÇÒ ¼ö ÀÖ´Â ´ëÇ¥ÀûÀÎ ¸ÖƼ¹Ìµð¾î ÆÄÀϵéÀÇ Á¾·ù¿Í ±× Ư¡À» ¾Ë¾Æº¸¾Ò´Ù.
9Àå¿¡¼´Â Á¢¼ÓÀÚ¿Í ³ª¸¦ ȨÆäÀÌÁö¸¦ ÅëÇØ ¿¬°áÇØ ÁÖ´Â °·ÂÇÑ À¥ ¹®¼ ±³È¯ ¹æ½ÄÀÎ Æû¿¡ ´ëÇؼ ´Ù·ç¾ú°í,
10Àå¿¡¼´Â µ¿ÀûÀΠȨÆäÀÌÁö¸¦ ¸¸µé±â À§ÇÑ CSS¸¦ Á¦´ë·Î È°¿ëÇÒ ¼ö ÀÖ´Â ¹æ¹ý¿¡ ´ëÇؼ ¼³¸íÇÏ¿´´Ù.
¸¶Áö¸· 11Àå¿¡¼´Â ȨÆäÀÌÁö °Ô½ÃÆÇ Á¦ÀÛ¿¡ ÇÊ¿äÇÑ µµ±¸ÀÇ ¼³Ä¡ °úÁ¤°ú °Ô½ÃÆÇ ÀÛ¾÷¿¡ ´ëÇÑ ³»¿ëÀ» ´Ù·ç¾î ȨÆäÀÌÁöÀÇ °Ô½ÃÆÇÀÌ Á¦ÀÛÀÚ°¡ ¿øÇÏ´Â µðÀÚÀÎÀ¸·Î ÀÌ·ç¾îÁöµµ·Ï ±¸¼ºÇÏ¿´´Ù.
-
-
Chaper 01 ÀÎÅͳÝÀÇ ÀÌÇØ
01 ÀÎÅͳÝÀÇ ¿ª»ç 14
1. ÀÎÅͳÝÀ̶õ 14
2. ÀÎÅͳÝÀÇ ¿ª»ç 14
3. ±¹³» ÀÎÅÍ³Ý ¿ª»ç 15
4. ±¹³» ÀÎÅÍ³Ý ¿¬´ëÇ¥ 16
02 HTML Á¤ÀÇ ¹× Ư¡ 20
1. HTML Á¤ÀÇ 20
2. HTML Ư¡ 21
3. HTML ±âº» Çü½Ä 22
4. ¸Þ¸ðÀåÀ» »ç¿ëÇÏ¿© HTML ¹®¼ ÀÛ¼º 24
5. ÀÎÅÍ³Ý ÀͽºÇ÷η¯·Î HTML ¹®¼ º¸±â 28
Chaper 02 ȨÆäÀÌÁö ±âȹ Á¦ÀÛ
01 ȨÆäÀÌÁö Á¦ÀÛ ¸ñÀû 32
1. HTMLÀº ¹«¾ùÀΰ¡? 32
2. ȨÆäÀÌÁö ±âȹÀ» ÇÏ´Â ÀÌÀ¯ 32
3. ȨÆäÀÌÁö´Â ¿Ö ÇÊ¿äÇÏ°í ¿Ö ¸¸µå´Â °ÍÀΰ¡? 33
02 ȨÆäÀÌÁö ±âȹ Á¦ÀÛ ¹æ¹ý 34
1. ÁÖÁ¦¸¦ Á¤Çϱâ 34
2. ½ÃÀåÁ¶»ç¿Í ÀÚ·áºÐ¼® ¼³°èÇϱâ 34
3. ȨÆäÀÌÁö µðÀÚÀα¸Á¶ ½ºÄÉÄ¡Çϱâ 35
4. ȨÆäÀÌÁöÀÇ ¸ñÇ¥¿Í Àü·« ¼¼¿ì±â 36
5. ȨÆäÀÌÁö Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ÇÁ·ÎÁ§Æ®ÆÀ ±¸¼ºÇϱâ 36
6. Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ¿¹»ê¡¤½ºÄÉÁ٠åÁ¤Çϱâ 37
7. ȨÆäÀÌÁö Á¦ÀÛÇϱâ 39
8. µ¥ÀÌÅÍ Àü¼Û ¹× ¼¹ö¿¡ ¾÷·ÎµåÇϱâ 40
9. ȨÆäÀÌÁö È«º¸ ¹× °ü¸®Çϱâ 40
03 À¥ÆäÀÌÁö ±âȹ ¹× Á¦ÀÛÀ» À§ÇÑ Âü°í»çÇ× 44
1. À¥ÆäÀÌÁö ±âȹÀ» À§ÇÑ Âü°í»çÇ× 44
2. À¥ÆäÀÌÁö Á¦ÀÛÀ» À§ÇÑ Âü°í»çÇ× 45
04 À¥»çÀÌÆ® °ü¸®...ÀÚ°¡ ¾Ë¾Æ¾ß ÇÒ ¿ä¼Ò 49
1. ÀڽŸ¸ÀÇ Â÷º°ÈµÈ À̹ÌÁö 49
2. ¸Þ´º ±¸¼º°ú ÆÄÆ®³Ê 50
3. Àڽۨ°ú ¿Á¤ 51
4. »õ·Î¿î ¸Þ´º¿Í ½Å·Ú°¨ 51
05 ȨÆäÀÌÁö Á¦ÀÛ°ú °ü·ÃµÈ ±â¼ú°ú Áغñ 53
1. À¥µðÀÚÀÎ 53
2. À¥ÇÁ·Î±×·¥ 56
Chaper 03 ±âÃÊ ¹®¼ Á¦ÀÛ Å±×
01 ȨÆäÀÌÁö Á¦ÀÛ ¸ñÀû 60
1. ¹®´Ü°ú °ü·ÃµÈ ¼Ó¼º ÅÂ±× 60
2. ÁÙ ¹Ù²Þ
ÅÂ±× 62
3. ¹®´ÜÀ» ¹Ù²Ù´Â ÅÂ±× 64
4. °íÁ¤¿µ¿ª ¹®´Ü ÅÂ±× 67
5. ű׸¦ º¸¿©ÁÖ´Â ÅÂ±× 69
6. °¡¿îµ¥¿¡ Á¤·ÄÇÏ´Â ÅÂ±× 70
7. ¹®´Ü ¼Ó¼ºÀ» Á¤·ÄÇÏ´Â ÅÂ±× 71
02 ±ÛÀÚ¿Í °ü·ÃµÈ ÅÂ±× 73
1. Á¦¸ñ±ÛÀÚ ÅÂ±× 73
2. ±ÛÀÚ Å©±â ÁöÁ¤ ÅÂ±× 75
3. ±ÛÀÚ »ö»ó ÁöÁ¤ ÅÂ±× 79
4. ±ÛÀÚ ¼Ã¼ ÁöÁ¤ ÅÂ±× 80
03 ±ÛÀÚ ²Ù¹Ò(¹°¸®Àû/³í¸®Àû ½ºÅ¸ÀÏ) ÅÂ±× 84
1. ¹°¸®Àû(Physical) ½ºÅ¸ÀÏ ÅÂ±× 85
2. ³í¸®Àû(Logical) ½ºÅ¸ÀÏ ÅÂ±× 87
04 ÁÖ¼®³Ö±â¿Í dz¼± µµ¿ò¸» ³Ö±â ÅÂ±× 89
1. ÁÖ¼®³Ö±â ÅÂ±× 89
2. dz¼± µµ¿ò¸» ³Ö±â ÅÂ±× 90
05 ¼±±×¸®±â¿Í µé¿©¾²±â ÅÂ±× 92
1. ¼öÆò¼± ³Ö±â ÅÂ±× 92
2. µé¿©¾²±â ÅÂ±× 94
06 ¹®¼ Àüü ¼Ó¼ºÀ» ÁöÁ¤ÇÏ´Â ÅÂ±× 95
1. body ű׷ΠHTML ¹®¼¿¡ ¹è°æ»ö ÁÖ±â 96
2. HTML ¹®¼ ±ÛÀÚ»ö ¹Ù²Ù±â 97
3. body ű×ÀÇ ¼Ó¼º 99
07 Ư¼ö¹®ÀÚ Ç¥½Ã¿Í ¸ÞŸ ű×101
1. ÀϹÝÀûÀΠƯ¼ö¹®ÀÚ 101
2. °ø¹é¹®ÀÚ( )103
3. ¸ÞŸ(meta) ÅÂ±× 104
08 ¸ñ·Ï °ü·Ã ÅÂ±× 107
1. ¹øÈ£ ¾ø´Â ¸ñ·Ï ¸¸µé±â() 108
2. ¹øÈ£ ´Þ¸° ¸ñ·Ï ¸¸µé±â(, ) 109
3. Á¤ÀÇ ¸ñ·Ï ¸¸µé±â(, )-ÀÚµ¿ µé¿©¾²±â 111
4. °èÃþ ¸ñ·Ï ¸¸µé±â 112
Chaper04 ű׷ΠÀ̹ÌÁö »ðÀÔÇϱâ
01 À̹ÌÁö »ðÀÔ Å±×116
1. img Æú´õ À§Ä¡¿¡ µû¶ó ÅÂ±× ³Ö±â 117
2. À̹ÌÁö Å©±âÁ¶Àý(width height) ÅÂ±× ³Ö±â 118
3. À̹ÌÁö dz¼± µµ¿ò¸»(ait) ÅÂ±× ³Ö±â 121
4. À̹ÌÁö ¿·ÀÇ ÅؽºÆ® À§Ä¡ ÁöÁ¤(align) ÅÂ±× ³Ö±â 122
5. À̹ÌÁö ¿©¹é ¼³Á¤(hspace) ÅÂ±× ¼Ó¼º ³Ö±â 124
6. À̹ÌÁö Å׵θ® ¼³Á¤(border) ÅÂ±× ¼Ó¼º ³Ö±â 126
7. ½ºÅ¸ÀϽÃÆ®(CSS)¸¦ ÀÌ¿ëÇÑ À̹ÌÁö Å׵θ®¼± º¯°æ 127
02 ¹è°æ À̹ÌÁö ű×129
1. ¹è°æ¿¡ ±×¸²ÆÄÀÏ ³Ö±â 129
2. ¹è°æ °íÁ¤(bgproperties) ÅÂ±× ¼Ó¼º 131
Chaper 05 ¸µÅ©¿¡ °üÇÑ ÅÂ±× È°¿ëÇϱâ
01 ÀÌ¿ë 134
1. °æ·Î¸¦ ÅëÇØ ¸µÅ©½ÃÅ°±â 134
2. ÀüÀÚ¿ìÆí ¿¬°áÇϱâ 137
3. ¸ÖƼ¹Ìµð¾î ÆÄÀÏ ¸µÅ© 138
02 Ã¥°¥ÇÇ ÅÂ±× 140
1. Ã¥°¥ÇÇ-¹®¼³»ÀÇ ¿¬°á 140
2. Ã¥°¥ÇÇ-´Ù¸¥ ¹®¼ÀÇ ¿¬°á 144
03 target ¼Ó¼ºÀ» ÀÌ¿ëÇÑ ´ë»ó â ¼³Á¤ 148
1. »õ â (target=_blank) ¼Ó¼º ¸µÅ© 148
2. ÀÛ¾÷ ÁßÀÎ ¹®¼¿¡ ³ªÅ¸³ª´Â (target=_self) ¼Ó¼º ¸µÅ© 149
04 À̹ÌÁö ¸Ê 152
1. À̹ÌÁö ¸ÊÀÇ ÇüÅÂ¿Í ÅÂ±× 152
2. À̹ÌÁö¸Ê »ç¿ë¹ý 153
Chaper 06 ű׷Πǥ¸¸µé±â
01 table ÅÂ±× ÀÌ¿ëÇϱâ 156
1. table ±¸Á¶ 157
2. table ű×ÀÇ ¼Ó¼º 158
02 Çà°ú ¿ ²Ù¹Ì±â 159
03 table Á¦¸ñ ³Ö±â 162
04 ¼¿°ú ¿ ÇÕÄ¡±â 164
1. colspanÀÇ table ¿ ÇÕÄ¡±â 164
2. rowspanÀÇ table Çà ÇÕÄ¡±â 166
3. rowspan°ú colspanÀ» ÀÌ¿ëÇÑ ´Ù¾çÇÑ table ¸¸µé±â 168
Chaper 07 ÇÁ·¹ÀÓ(frame) ³ª´©±â
01 ÇÁ·¹ÀÓÀÇ ±âº» ±¸Á¶ 172
1. ´ÜÀÏ ÇÁ·¹ÀÓ ±¸Á¶ 174
2. ÇÁ·¹ÀÓ °æ°è¸é °íÁ¤Çϱâ 175
3. ÇÁ·¹ÀÓ °æ°è¸é °¨Ãß±â 177
4. °æ°è¸é°ú ½ºÅ©·Ñ¹Ù 179
5. border ¿É¼Ç »èÁ¦Çϱâ 180
6. left.htm°ú main.htm ÆÄÀÏ·Î frameset ÀÛ¾÷Çϱâ 181
02 ¼öÆò ÇÁ·¹ÀÓ ºÐÇÒ 183
1. ¼öÆò ÇÁ·¹ÀÓ ºÐÇÒ 183
2. ¼öÆò ÇÁ·¹ÀÓ 3°³ ºÐÇÒ 185
03 ´ÙÁß ÇÁ·¹ÀÓ 188
1. À§ ¹× ÁßøµÈ ¿ÞÂÊ ÇÁ·¹ÀÓ 188
2. ´ÙÁß ÇÁ·¹ÀÓ °æ°è¼± ¾ø¾Ö±â 190
04 ÇÁ·¹ÀÓ¿¡ ¸µÅ©¿Í target ÁöÁ¤ 192
1. targetÀÌ ÁöÁ¤µÈ ´ÙÁßÇÁ·¹ÀÓ 193
2. ÇÁ·¹ÀÓ¿¡ name ºÙÀ̱â 195
05 ¾ÆÀÌÇÁ·¹ÀÓ(iframe)ÀÇ È°¿ë 198
Chaper 08 ¸ÖƼ¹Ìµð¾îÀÇ È°¿ë
01 ¸ÖƼ¹Ìµð¾î ÆÄÀÏ 204
02 ¸ÖƼ¹Ìµð¾î °ü·Ã ÅÂ±× 206
03
|