Hypertext Markup Language

HTML5_Logo_128.png

HyperText Markup Languageโ€ (HTML) ื”ื™ื ื” ืฉืคื” ื”ืžืฉืžืฉืช ืœื™ืฆื™ืจืช ื“ืคื™ ืื™ื ื˜ืจื ื˜ ื•ืžืกืžื›ื™ื ืื—ืจื™ื ื”ื ื™ืชื ื™ื ืœืฆืคื™ื™ื” ื‘ื“ืคื“ืคืŸ ืื™ื ื˜ืจื ื˜.
HTML ื”ื•ื ืชืงืŸ ื‘ื™ื ืœืื•ืžื™ ื”ืžื•ื’ื“ืจ ืขืœ ื™ื“ื™ ื”ึพWorld Wide Web Consortium. ื”ื’ืจืกื” ื”ื ื•ื›ื—ื™ืช ืฉืœ ื”ืชืงืŸ ื”ื™ืย ื’ืจืกื” 5ย ืฉื”ื•ืฉืงื” ื‘ื—ื•ื“ืฉ ืื•ืงื˜ื•ื‘ืจ 2014.

ื ื™ืชืŸ ืœื”ืขืฉื™ืจ ืืช ื“ืคื™ ื”-HTML ื‘ืืžืฆืขื•ืชย ื’ื™ืœื™ื•ื ื•ืช ืกื’ื ื•ืŸ ืžื“ื•ืจื’ื™ื (CSS) ืื™ืชื ื ื™ืชืŸ ืœืขืฆื‘ ืืช ื“ืคื™ ื”ืื™ื ื˜ืจื ื˜ ื•ื”ืžืกืžื›ื™ื ืฉื ื‘ื ื•.
ื‘ื ื•ืกืฃ, ื ื™ืชืŸ ืœื”ื˜ืžื™ืข ืชืกืจื™ื˜ื™ื ื‘ื“ืฃ ื‘ืืžืฆืขื•ืช ืฉืคืช ื’'ืื•ื•ื” ืกืงืจื™ืคื˜ (JavasScript)ย ื”ื ื—ืฉื‘ืช ืœืฉืคืช ืชื›ื ื•ืช ื“ื™ื ืžื™ืช ืžื•ื ื—ื™ืชึพืขืฆืžื™ื.

ย 

ื”ื™ื›ืจื•ืช ืจืืฉื•ื ื™ืช

ืžื‘ื•ื ืœืฉืคืช HTML
ื”ื™ื›ืจื•ืช ืจืืฉื•ื ื” ืขื ืฉืคืช HTML ืœืžืฉืชืžืฉื™ื ืžืชื—ื™ืœื™ื.
ืจืฉื™ืžืช ืชื’ื™ื•ืช ืฉืœ ืฉืคืช HTML
ืžืื’ืจ ืชื’ื™ื•ืช ื‘ื”ืŸ ื ื™ืชืŸ ืœื‘ืฆืข ืฉื™ืžื•ืฉ.
ื”ื˜ืžืขืช ืžื•ืœื˜ื™ืžื“ื™ื”
ื›ื™ืฆื“ ืœืฉืœื‘ ืชืžื•ื ื•ืช, ืกื™ืจื˜ื•ื ื™ื ื•ืงื•ื‘ืฆื™ ืงื•ืœ ื‘ื“ืฃ ื”ืื™ื ื˜ืจื ื˜.
ื˜ื‘ืœืื•ืช
ื‘ื ื™ื” ื•ื”ืฆื’ืช ื ืชื•ื ื™ื ื‘ืืžืฆืขื•ืช ื˜ื‘ืœืื•ืช ื‘ื“ืฃ ืื™ื ื˜ืจื ื˜.
ื˜ืคืกื™ื
ื˜ืคืกื™ื ื”ื ื ื“ื‘ืš ื—ืฉื•ื‘ ื‘ื“ืฃ ื”ืื™ื ื˜ืจื ื˜ ื•ืžืฉืžืฉื™ื ืœื™ืฆื™ืจืช ืงืฉืจ ืจืืฉื•ื ื™ ืขื ื”ืœืงื•ื—ื•ืช ื‘ืืžืฆืขื•ืช ื˜ืคืกื™ื ืœื™ืฆื™ืจืช ืงืฉืจ, ืงื ื™ื” ื•ืžื›ื™ืจื” ืฉืœ ืžื•ืฆืจื™ื ื•ืœื™ืฆื™ืจืช ืžืฉืชืžืฉื™ื ื—ื“ืฉื™ื.
ืคืชืจื•ืŸย ื‘ืขื™ื•ืช ื ืคื•ืฆื•ืช
ืžืื’ืจ ืฉืืœื•ืช ื•ืชืฉื•ื‘ื•ืช ื”ืžืกืคืงื•ืช ืžืขื ื” ืœื‘ืขื™ื•ืช ื ืคื•ืฆื•ืช ื‘ื›ืชื™ื‘ืช ืžืกืžื›ื™ื ื‘ืฉืคืช HTML.
ย 

ืžื™ื“ืข ืœืžืชืงื“ืžื™ื

Cross-Origin Resource Sharing
ื”ื™ื›ืจื•ืช ืจืืฉื•ื ื” ืขื ืฉืคืช CROS.
ืชื›ื•ื ื•ืช ื•ืชืืจื™ื ืฉืœ CORS
ื‘ืื™ืœื• ืืœืžื ื˜ื™ื ื•ืชื’ื™ื•ืช ื ื™ืชืŸ ืœื”ืฉืชืžืฉ.
ื˜ืขื™ื ืช ืชื›ื ื™ื ืžื•ืงื“ืžืช
ื˜ืขื™ื ืช ืชื›ื ื™ื ืžืจืืฉ ื‘ืืžืฆืขื•ืช rel="preload".

ืขื–ืจื™ื

FireBug
ืชื•ืกืฃ ืœื“ืคื“ืคืŸ ื”ืื™ื ื˜ืจื ื˜ ื”ืžืกื™ื™ืข ื‘ืื™ืชื•ืจ ื‘ืื’ื™ื ื‘ืืชืจื™ ืื™ื ื˜ืจื ื˜.
Prettydiff
ื›ืœื™ ืœื”ืฉื•ื•ืืช ืงื•ื“ ื•ืื™ืชื•ืจ ืฉื’ื™ืื•ืช.
Markup Validation
ื›ืœื™ ืœื”ืฉื•ื•ืืช ืงื•ื“ ื•ืื™ืชื•ืจ ืฉื’ื™ืื•ืช.
ย 

ืงื”ื™ืœื”

W3schools
ืืชืจ ื”ืžื›ื™ืœ ืžื“ืจื™ื›ื™ื ื•ืชืจื’ื•ืœื™ื ื‘ื ื•ืฉืื™ื ืฉื•ื ื™ื.
ย Stackoverflowย - HTML
ืฉืืœื•ืช ื•ืชืฉื•ื‘ื•ืช ื‘ื ื•ืฉืื™ ื—ื•ืžืจื” ื•ืชื•ื›ื ื”.
ย 

ื ื•ืฉืื™ื ืงืฉื•ืจื™ื

CSS - ื’ื™ืœื™ื•ื ื•ืช ืกื’ื ื•ืŸ ืžื“ื•ืจื’ื™ื
ืฉืคื” ื”ืฉืžืฉืช ืœื”ืคืจื“ื” ื‘ื™ืŸ ืชื•ื›ืŸ ื•ืžื‘ื ื” ื”ื“ืฃ ืœื‘ื™ืŸ ืขื™ืฆื•ื‘ื•.
JS - ื’'ืื•ื•ื” ืกืงืจื™ืคื˜
ืฉืคืช ืชื›ื ื•ืช ืžื•ื ื—ื™ืช ืขืฆืžื™ื ื”ืžื™ื•ืขื“ืช ืœืฉื™ืžื•ืฉ ื‘ืืชืจื™ื ื•ืืคืœื™ืงืฆื™ื•ืช ืื™ื ื˜ืจื ื˜.