½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > ÀαâÀÖ´Â ¼Ò½º RANKING 100  > HTML

1

Hierarchical Menus
¸µÅ© ¾øÀ½ ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:28806°Ç
DHTMLÀ» ÀÌ¿ëÇؼ­ MouseOn/MouseOutÀ¸·Î ÀÛµ¿°¡´ÉÇÑ cascading menu¸¦ ÆÐÅ°Áö Çü½ÄÀ¸·Î ¹«·á ¹èÆ÷. MSIE 4.0ÀÌ»ó (Mac 5.0ÀÌ»ó), Netscape4.0 À̻󿡼­ ÀÛµ¿ °¡´ÉÇÏ´Ù.
HTML/DHTML °ü·Ã/±âº» ¼Ò½º Ãßõ
Åë°èº¸±â

2

¿òÁ÷ÀÌ´Â ¾Ö´Ï¸ÞÀÌ¼Ç GIF ¾ÆÀÌÄÜÀ» ½±°Ô ¸¸µé ¼ö ÀÖ´Â »çÀÌÆ®!
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:9449°Ç
À¥»çÀÌÆ®¿¡¼­ Á÷Á¢ ¾ÆÀÌÄÜÀ» ±×¸®°í, ¿òÁ÷ÀÌ´Â gif ÆÄÀÏ·Î ¸¸µé¾î ÀúÀåÇÒ ¼ö ÀÖ´Â ¼­ºñ½º¸¦ Á¦°øÇÏ´Â À¥»çÀÌÆ®ÀÔ´Ï´Ù
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

3

ÁغñÁß, °ø»çÁß ÆäÀÌÁö
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:3378°Ç
ȨÆäÀÌÁö ¼öÁ¤ ¹× À¯Áöº¸¼ö ¶Ç´Â Á¦ÀÛÁßÀ϶§ »ç¿ë°¡´ÉÇÑ ÆäÀÌÁö ÀÔ´Ï´Ù.
HTML/HTML °­ÀÇ
Åë°èº¸±â

4

¸ð¹ÙÀÏ UI°¡À̵忡 ´ëÇÑ ²ÜÆÁ¸¸ ¸ð¿©ÀÖ´Â »çÀÌÆ® brunch.co.kr/@chulhochoiucj0/8
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:5943°Ç
¸ð¹ÙÀÏ µðÀÚÀνà ÇÊ¿äÇÑ UI°¡À̵å ÆÁÀÌ ¸ð¿©ÀÖ´Â »çÀÌÆ® ÀÔ´Ï´Ù. ·Î±×ÀÎ, ȸ¿ø°¡ÀÔ µî °¡Àå±âÃÊÀûÀÎ ÆäÀÌÁö µðÀÚÀο¡¼­ºÎÅÍ ½ÃÀÛÇÏ´Â ´Ù¾çÇÑ ÆÁµéÀ» ¾È³» ÇØÁÖ´Â ÁÁÀº »çÀÌÆ® ÀÔ´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

5

CSS¸¦ ÀÌ¿ëÇÑ °£´Ü ·Î±×ÀÎ/ȸ¿ø°¡ÀÔ
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:4802°Ç
CSS¸¦ ÀÌ¿ëÇÑ °£´Ü ·Î±×ÀÎ/ȸ¿ø °¡ÀÔ ÆäÀÌÁö ÀÔ´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

6

ÆäÀ̽ººÏ Page Plugin
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:3059°Ç
À¥ »çÀÌÆ®¿¡ ÆäÀ̽ººÏ ÆäÀÌÁö¸¦ »ðÀÔÇÒ ¼ö ÀÖ°Ô ÇØÁÝ´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

7

¸ð¹ÙÀÏ È¨ÆäÀÌÁö¿¡ Ä«Ä«¿ÀÅå ¿¬°áÇϱâ
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:60096°Ç
ÀÚ½ÅÀÇ ¸ð¹ÙÀÏ È¨ÆäÀÌÁö¿¡ Ä«Ä«¿ÀÅåÀ¸·Î ¸Þ½ÃÁö¸¦ º¸³»´Â ¸µÅ©¸¦ »ðÀÔÀ» ÇÏ´Â API ¼Ò°³ ÀÔ´Ï´Ù.
HTML/DHTML °ü·Ã/±âº» ¼Ò½º
Åë°èº¸±â

8

½ºÅ©·Ñ ´Ù¿î ¹öÆ°-Parallax Scroll Down Button
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:2529°Ç
½ºÅ©·Ñ ´Ù¿î ¹öÆ°-Parallax Scroll Down Button
CSS/±âŸȿ°ú
Åë°èº¸±â

9

°¡º±°Ô ³îÀÌÇϵíÀÌ CSS¸¦ Á¢ÇÒ ¼ö ÀÖ´Â »çÀÌÆ® - Gridgarden
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:3994°Ç
Àç¹ÌÀÖ°Ô css¸¦ Á¢ÇÒ ¼ö ÀÖ´Â »çÀÌÆ®ÀÔ´Ï´Ù. °¢ »çÀÌÆ® ¸¶´Ù Grid¼Ó¼º Flex¼Ó¼º Selector¸¦ üũÇÒ ¼ö ÀÖ½À´Ï´Ù.
CSS/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

10

71Á¾·ùÀÇ css¸¦ ÀÌ¿ëÇÑ Æû µðÀÚÀÎ - freefrontend.com
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:7789°Ç
css¸¦ ÀÌ¿ëÇÑ 71°¡ÁöÀÇ Æû µðÀÚÀÎÀÔ´Ï´Ù.
HTML/DHTML °ü·Ã/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

11

HTML ÆíÁý±â¸¦ °¡Àå °£´ÜÇÏ°Ô ½ÇÇàÇÏ´Â Online-html Editor
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:7964°Ç
html À» óÀ½ ´Ù·ïº¸½Ã°Å³ª html ÆíÁý±â¸¦ ÀÌ¿ëÇغ»ÀûÀÌ ¾øÀ¸½ÅºÐµéÀº °¡Àå °£´ÜÇÏ°Ô ÀÌ¿ëÇÏ¿© Áï½Ã È®ÀÎÇÒ ¼ö ÀÖ´Â À¥ÆíÁý±â html-online À» ÃßõÇص帳´Ï´Ù. º°µµ ¿¡µðÅÍ ¾øÀÌ È¨ÆäÀÌÁö¸¸ Á¢¼ÓÇصµ ¿¡µðÅ͸¦ À§Áö...
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

12

¹«·á html ÅÛÇø´
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:10466°Ç
HTML ¹× CSS ¹«·á ¼Ò½º¸¦ ¹Þ¾Æº¸½Ç ¼ö ÀÖ´Â »çÀÌÆ®ÀÔ´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

13

¹«·á ¹è³Ê ½½¶óÀÌµå ¼Ò½º
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:39438°Ç
¹«·á ¹è³Ê ½½¶óÀÌµå µ¥¸ð·Î È®ÀÎÇÏ½Ã°í ¼Ò½º¸¦ ´Ù¿î¹Þ¾Æ Àû¿ëÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
HTML/ÅÛÇø´ ÀÚ·á
Åë°èº¸±â

14

htmlµî À¥»ý Ä÷¯ ÄÚµåÈ®ÀÎ / °£ÆíÇÑ ¿¡µðÅÍ»ç¿ë
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:4558°Ç
htmlµî À¥»ý Ä÷¯ ÄÚµåÈ®ÀÎ / °£ÆíÇÑ ¿¡µðÅÍ»ç¿ë
CSS/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

15

dz¼±µµ¿ò¸»2
¸µÅ© ¾øÀ½ ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:71681°Ç
ÇÏÀÌÆÛ¸µÅ©¿¡ ¸¶¿ì½º¸¦ ¿Ã¸®¸é ÀÚ½ÅÀÌ ¿øÇÏ´Â »ö»ó ¹× Å©±âÀÇ Ç³¼±µµ¿ò¸»ÀÌ ¶á´Ù. ÀͽºÇ÷η¯ ³×½ºÄÉÀÌÇÁ °øÅë
HTML/DHTML °ü·Ã/±âº» ¼Ò½º Ãßõ
Åë°èº¸±â

16

CSS ¸¦ ÀÌ¿ëÇÑ Checkbox, Radio üũ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú (CSSÀÇ transition È¿°ú)
¸µÅ© ¾øÀ½ ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:10959°Ç
CSS¸¸À¸·Î, üũ¹Ú½º¿Í ¶óµð¿À¿Í °°Àº ÀÎDz°³Ã¼¿¡ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ Àû¿ëÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀÔ´Ï´Ù. URL¿¡ ÀÖ´Â Âü°í»çÀÌÆ®µµ Çѹø Âü°íÇغ¸½Ã±â ¹Ù¶ø´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

17

¼Ò½ºÄÚµå ºñ±³ÇØÁÖ´Â »çÀÌÆ® - diffchecker.com
ȨÆäÀÌÁö ¹Ù·Î°¡±â ´Ù¿î·Îµå ¾øÀ½
Á¶È¸¼ö:1133°Ç
¼Ò½ºÄÚµå ¹× ¹®¼­¸¦ ºñ±³ÇÏ¿© ´Ù¸¥ °÷À» ã¾Æ ¾Ë·ÁÁÖ´Â »çÀÌÆ®ÀÔ´Ï´Ù.
HTML/À¯¿ëÇÑ »çÀÌÆ®
Åë°èº¸±â

18

°¢Á¾ DHTML ¼Ò½º
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:11067°Ç
Åø¹Ù/Ä÷¯ÇÇÄ¿/½½¶óÀ̵å¹Ù/¾ÆÀÛ½º/¿¡µðÅÍ/¾ÆÄÚµð¾ð µîÀ» ¹«·á·Î »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
HTML/DHTML °ü·Ã/±âº» ¼Ò½º
Åë°èº¸±â

19

CSS3·Î ±¸ÇöÇÏ´Â ½½¶óÀ̵ù ¸ÞÀÏ Æû
ȨÆäÀÌÁö ¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå
Á¶È¸¼ö:14146°Ç
ÆíÁöÁö Çü½ÄÀÇ µðÀÚÀÎÀ¸·Î ¸¶¿ì½º ¿À¹ö½Ã ÆíÁöºÀÅõ°¡ ½½¶óÀ̵ù µÇ¸ç ¸ÞÀÏ ÆûÀÌ ³ªÅ¸³ª´Â CSS3 ¼Ò½º
CSS/±âŸȿ°ú
Åë°èº¸±â
üũÇÑ·©Å·ÀÚ·áºñ±³
1
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: 2040-05-05
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2066-01-06
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: 2040-05-05
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16
½Å±Ô¿É¼Ç: ¸¸·á
Àαâ¿É¼Ç: ¸¸·á
Ãßõ¿É¼Ç: ¸¸·á
Ưº°¿É¼Ç: ¸¸·á
³ëÃ⸶°¨ÀÏ: 2050-08-16