Ãâ¼®¼ö¾÷´ëü½ÃÇè
2018³â 2Çбâ HTML5 Ãâ¼®´ëü½ÃÇè ÇÙ½Éüũ
Àڷᱸ¼º³»¿ë ±³Àç 2, 3, 5Àå ÇÙ½Éüũ + ÃâÁ¦¿¹»ó¹®Á¦
ÇØ´çÇаú ÄÄÇ»ÅÍ°úÇаú ÀÚ·áÃâ°£ÀÏ 2018³â 11¿ù 1ÀÏ
Çгâ/Çбâ 4Çгâ/2Çбâ ÆäÀÌÁö¼ö 27
ÀÚ·áÇüÅ PDF (252.73 KB)
º» ÀÚ·á´Â PDFÆÄÀÏ·Î Á¦°øµÇ¸ç,
¼öÁ¤Àº ºÒ°¡ÇÕ´Ï´Ù.
ÀÚ·á°¡°Ý 5,000¿ø
!! ÆǸŰ¡ ÁßÁö µÈ ÀÚ·áÀÔ´Ï´Ù.
* º» ÀÚ·á´Â ³ë¿ìÁ¸¿¡¼­ ½Ç½Ã°£À¸·Î Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.
¢ºÀÚ·á¸ñÂ÷ ¹× ÁÖÁ¦
Á¦ 2 Àå HTML5 ¿ä¼Ò
Á¦ 3 Àå ĵ¹ö½º
Á¦ 5 Àå CSS3

* °¢ À庰 ÃâÁ¦¿¹»ó¹®Á¦ Á¦°ø + Çؼ³Æ÷ÇÔ *



¢ºÀÚ·á³»¿ë ¹Ì¸®º¸±â
Á¦2Àå HTML5 ¿ä¼Ò

1. ·¹À̾ƿôÀ» À§ÇÑ ½Ã¸àƽ ¿ä¼Ò
1) header ¿ä¼Ò¿Í footer ¿ä¼Ò
¨ç header ¿ä¼Ò
- ¸Ó¸®¸»
- »çÀÌÆ®ÀÇ À̸§, ·Î°í µîÀ» ´ã´Âµ¥ »ç¿ë
- º¸Åë ¹®¼­ÀÇ »ó´Ü¿¡ À§Ä¡
- ¾î´À °÷¿¡ À§Ä¡Çصµ ¹«´ç
- section/article ¿ä¼Ò ³»¿¡¼­´Â ¸Ó¸®±Û ¿ªÇÒ
- section dyth, header ¿ä¼Ò, footer ¿ä¼Ò¸¦ Æ÷ÇÔÇÒ ¼ö ¾øÀ½
¨è footer ¿ä¼Ò
- ²¿¸®¸»
- Á¦ÀÛÀÚ Á¤º¸³ª ÀúÀÛ±Ç Á¤º¸ µîÀ» ´ã±â À§Çؼ­ »ç¿ë
- º¸Åë ¹®¼­ÀÇ ÇÏ´Ü¿¡ À§Ä¡
- ¾î´À °÷¿¡ À§Ä¡Çصµ ¹«¹æ
- section/atricle ¿ä¼Ò ³»¿¡¼­´Â ¹Ù´Ú±Û ¿ªÇÒ
- section ¿ä¼Ò, header¿ä¼Ò, footer¿ä¼Ò¸¦ Æ÷ÇÔÇÒ ¼ö ¾øÀ½

2) nav ¿ä¼Ò¿Í aside ¿ä¼Ò
¨ç nav ¿ä¼Ò
ÁÖ·Î À¥ÆäÀÌÁö Àüü¿¡ Àû¿ëµÇ´Â »ó´ÜÀÇ ¸Þ´º¸¦ Ç¥½ÃÇÒ ¶§ »ç¿ë
¨è aside ¿ä¼Ò
- ÁÖ¿ä ÄÜÅÙÃ÷ ÀÌ¿Ü¿¡ ³²¾Æ ÀÖ´Â ÄÜÅ×Ã÷³ª Âü°í°¡ µÇ´Â ÄÜÅ×Ã÷ µîÀ» ³ªÅ¸³¾ ¶§ »ç¿ë
- º¸Åë À¥ÆäÀÌÁöÀÇ ¿ÞÂÊÀ̳ª ¿À¸¥ÂÊ¿¡ À§Ä¡

3) section ¿ä¼Ò, article ¿ä¼Ò, hgroup ¿ä¼Ò
¨ç section ¿ä¼Ò
- ÇϳªÀÇ ÁÖÁ¦·Î ±¸¼ºµÈ ¹®¼­ÀÇ ³»¿ë ¿µ¿ªÀ» ³ªÅ¸³¾ ¶§ »ç¿ë
- ¿ÀÁ÷ ÇϳªÀÇ Çìµù ¿ä¼Ò(h1~h6)¸¸ »ç¿ë °¡´É




- Áß·« -
¢º±³È¯ ¹× ȯºÒ ±ÔÁ¤
ÀÚ·á´Â °áÁ¦ ¿Ï·á ÈÄ ¸¶ÀÌÆäÀÌÁö¿¡¼­ ÆÄÀÏ·Î ´Ù¿î·Îµå ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.
ÀڷḦ ´Ù¿î·Îµå ¹ÞÁö ¾ÊÀº °æ¿ì ȯºÒÀÌ °¡´ÉÇϸç, ´Ù¿î·Îµå ÈÄ¿¡´Â ȯºÒÀÌ ºÒ°¡ÇÕ´Ï´Ù.
(´Ü, ÀÚ·áÀÇ ³»¿ë¿¡ ¿À·ù°¡ Àְųª ¸ñÂ÷ÀÇ ³»¿ë°ú ´Ù¸¦ °æ¿ì ȯºÒÀÌ °¡´ÉÇÕ´Ï´Ù.)