Ẻ·´Êͺ¡è͹àÃÕ¹
Ẻ·´Êͺ¡è͹àÃÕ¹
â¤Ã§ÊÃéÒ§ÀÒÉÒ HTML5
â¤Ã§ÊÃéÒ§ËÅÑ¡¢Í§ HTML5
ÅѡɳÐâ¤Ã§ÊÃéÒ§¾×é¹°Ò¹¢éÍÁÙÅàÇçºà¾¨µÒÁẺ¢Í§ HTML5 ÊèǹãËèáÅéÇÁÕÅѡɳÐäÁèᵡµèҧ仨ҡ HTML àÇÍÃìªÑ蹡è͹˹éÒ¹Ñé¹ÁÒ¡¹Ñ¡ ÁÕà¾Õ§¢éÍ¡Ó˹´ÍÂèÒ§ÍÂèÒ§·ÕèᵡµèÒ§ä» â´Â â¤Ã§ÊÃéÒ§ËÅÑ¡¢Í§ HTML ÁÕÊèǹ»ÃСͺµèÒ§æ ´Ñ§¹Õé
- Êèǹ»ÃСÒȪ¹Ô´»ÃÐàÀ¢Í§Ë¹éÒàÇçºà¾¨ (Doctype Declaration)
- Êèǹ»ÃСÒÈá·ç¡ HTML
- ÊèǹËÑǢͧàÇçºà¾¨ (Head Section)
- Êèǹà¹×éÍËÒàÇçºà¾¨ (Body Section)
1. á·ê¡ <!doctype > ãªé㹡ÒûÃСÒȪ¹Ô´¢Í§àÇçºà¾¨·ÕèÊÃéÒ§¢Öé¹ ãªéÁҵðҹ HTML5 à¾×èÍãËéàÇçºàºÃÒà«ÍÃìä´éÃÙé áÅÐÇÔ¸Õ¡ÒûÃÐÁÇżÅÊÓËÃѺ˹éÒàÇçºà¾¨¹Ñé¹ ä´éÍÂèÒ§¶Ù¡µéͧ <!doctype html>
¢éͤÇÃÃÙéà¾ÔèÁàµÔÁ
- ÇÒ§á·ç¡ <!doctype> º¹ÊØ´¢Í§Ë¹éÒàÇçºà¾¨¹Ñé¹æ ¡è͹ÊèǹÍ×è¹æ àÊÁÍæ à¾×èÍãËéàÇçºàºÃÒà«ÍÃìä´éÃÙé¡è͹¡ÒûÃÐÁÇÅ à¾×èÍ¡ÒÃáÊ´§¼Å·Õè´ÕµÃ§µÒÁ»ÃÐàÀ·¹Ñé¹ ä´éÍÂèÒ§àËÁÒÐÊÁáÅÐÁÕ»ÃÐÊÔ·¸ÔÀÒ¾
- á·ç¡ <!doctype> äÁèä´éà»ç¹Êèǹ˹Ö觢ͧá·ç¡ HTML áµèÍÂèÒ§ã´
- á·ç¡ <!doctype> à»ç¹á·ç¡»ÃÐàÀ· á·ç¡à´ÕèÂÇ (Single Tag) ÊÒÁÒöà¢Õ¹´éÇÂÍÑ¡ÉõÑǾÔÁ¾ìàÅç¡ËÃ×;ÔÁ¾ìãËè¡çä´é
2. á·ç¡ <html> ãªé㹡ÒáÓ˹´¨Ø´àÃÔèÁµé¹¢Í§àÇçºà¾¨ HTML ã¹¢³Ð·Õèá·ç¡»Ô´¤×Í </html> à»ç¹¡ÒáÓ˹´¨Ø´ÊÔé¹ÊØ´ á·ç¡ <html> â´Âͧ¤ì»ÃСͺµèÒ§æ ¨ÐÍÂÙèã¹ÀÒÂã¹ <html> .... </html>
3. ÊèǹËÑÇàÃ×èͧ (Head) á·ç¡ <head> ãªé㹡ÒáÓ˹´¢éÍÁÙÅÊèǹËÑǢͧàÍ¡ÊÒà ËÃ×Í¡è͹·Õè¨ÐàÃÔèÁà¹×éÍËҢͧàÇçºà¾¨ à»ç¹Êèǹ·Õè»ÃСͺ仴éÇ á·ç¡ <title></title>, <meta> , <link> ËÃ×ÍáÁéáµè css style javascript µèÒ§ æ äÇéã¹Êèǹ¹Õé´éÇÂ
- Meta tags à»ç¹¢éͤÇÒÁ·ÕèàÃÒ»ÃСÒÈàÍÒäÇéã¹ Code ¨ÐäÁèáÊ´§¼Åã¹àÇçºà¾¨ â´Âãªé á·ç¡ <meta> «Öè§à»ç¹á·ç¡à´ÕèÂÇ àªè¹ <meta charset=utf-8" /> ¹Õé¨ÐºÍ¡ªØ´µÑÇÍÑ¡É÷Õèãªé¡ÑºÀÒÉÒä·Â ¨ÐÁÕ¤ÇÒÁÊдǡ 㹡ÒûÃСÒÈà¾ÃÒÐ ¤ÓÊÑè§ÊÑé¹Å§
- Link tag à»ç¹¡ÒûÃСÒÈ ¡ÒÃàÃÕ¡ãéªé css ¨Ò¡´éÒ¹¹Í¡ 㹡Òõ¡áµè§ãËéàÇçºà¾¨ÁÕ¤ÇÒÁÊǧÒÁ ¡ç¨Ðà¢Õ¹äÇé·Õè Êèǹ¢Í§ Head àªè¹¡Ñ¹
4. Êèǹà¹×éÍËÒ (Body) à»ç¹Êèǹ·ÕèáÊ´§à¹×éÍËҢͧàÇçºà¾¨·Ñé§ËÁ´«Ö觻ÃСͺ´éÇ ¢éͤÇÒÁáÅÐá·ç¡µèÒ§ æ ã¹Êèǹ¹Õé¨ÐáÊ´§·Õè web brower â´ÂµÃ§ ¡ç¨ÐàËÁ×͹¡Ñº HTML 4 àªè¹ á·ç¡ÊÓËÃѺ¨Ñ´¡ÒáѺÃٻẺ¢Í§¢éͤÇÒÁ µÒÃÒ§ ÃÙ»ÀÒ¾ ¡ÃÒ¿Ô¡µèÒ§æ ÊբͧµÑÇÍÑ¡Éà ÊÕ¾×é¹ à»ç¹µé¹ áÅÐáºè§¡ÅØèÁ¤ÓÊÑè§ä´é´Ñ§¹Õé
- ¡ÅØèÁ¤ÓÊÑè§à¡ÕèÂǡѺ¡ÒèѴÃٻẺàÍ¡ÊÒÃ
- ¡ÅØèÁ¤ÓÊÑ觨Ѵáµè§/¤Çº¤ØÁÃٻẺµÑÇÍÑ¡ÉÃ
- ¡ÅØèÁ¤ÓÊÑ觡Ò÷ÓàÍ¡ÊÒÃẺÃÒ¡Òà (List)
- ¡ÅØèÁ¤ÓÊÑè§à¡ÕèÂǡѺ¡Ò÷ÓÅÔ§¤ì
- ¡ÅØèÁ¤ÓÊÑ觨Ѵ¡ÒÃÃÙ»ÀÒ¾
- ¡ÅØèÁ¤ÓÊÑ觨Ѵ¡ÒõÒÃÒ§ (Table)
- ¡ÅØèÁ¤ÓÊÑ觤Ǻ¤ØÁà¿ÃÁ
- ¡ÅØèÁ¤ÓÊÑè§Í×è¹æ
