แแ္แ္แိုแ္แ
ာแ်แ္ႏွာ (Web Pages)
(Web Pages) แแ္แ္แိုแ္ แ
ာแ်แ္ႏွာแိုแာ แ
ုแ
แ္းแွแ္แားแားแဲ့ แ
ာေแြแို แแ္แွแ္แားแဲ့ tags ေแแ codes แ်ားျแแ့္ แံုแ
ံแ်ေแးแားแားေแာ แ
ာแ်แ္ႏွာแို แกแ္แာแแ္แြแ္แွแ္ေแแแွာ แกแ်ားแแ္แႈႏိုแ္แိုแ ေแး
แားแแ္ျแแားแဲ့ แ
ာแ်แ္ႏွာแ
ုแ
แ္းแ်แ္แแ
္แု ျแแ
္แါแแ္။แီแ
ာแ်แ္ႏွာေแြแွာแ
ာေแြแแ္แแแံုေแြ แႈแ္
แွားแႈแံုေแြแกแံေแြแီြแီแိုแိုแ္ေแြแกျแแ္ ေแာแ္แแ္แ
ာแ်แ္ႏွာေแါแ္းแ်ားแ
ြာแိုแြားแိုแแกแ်ိแ္แกแแ္ေแြ
แါႏိုแ္แါแแ္။
แแ္แ္แိုแ္แ
ာแ်แ္ႏွာแို แแ္แိုแแ္แီးแแဲ
แแ္แ္แိုแ္แ
ာแ်แ္ႏွာေแြแို แแ္แီးแိုแแแဲ့ แာแာแ
แား (language) Programming Language แกแ်ိဳးแ်ိဳး
แွိแါแแ္။ HTML แိုแာแေแာ့ แแ္แ္แိုแ္แ
ာแ်แ္ႏွာแแ
္แုแဲแ แกေျแแံแกแ
ိแ္แกแိုแ္းေแြ ေแးแားแဲ့ แกแိแแ်แဲ့ Language แแ
္แုแါ။ แ
ာแ်แ္ႏွာแกแพแီးแพแီးแแ
္แု (แါแွแแုแ္ แ
ာแ်แ္ႏွာแแ
္แုแแ္းแွာ แกแแ္
แแ္ေแါแ္းแ
แ္းแားแဲ့ แ
ာแ်แ္ႏွာแพแီးแแ
္แု)แို แံုแ
ံแ်แိုแแกแြแ္ แ
แแ
္แ်แဲ့ แံုแ
ံแိုแแ္แွแ္ေแးแိုแ แျแား
แ
ာแ်แ္ႏွာေแြแို แกแ်ိแ္แกแแ္แုแ္ေแးแိုแ HTML แိုแဲ့ Hyper Text Marketup Language แိုแံုးแါแแ္။
แီแိုแแ္แ္แိုแ္แ
ာแ်แ္ႏွာแแ
္แု แแ္แီးแိုแแกแြแ္ HTML แိုေแးแားแာแွာ Notepad, Notepad++, Ultra Edit แกแ
แွိแဲ့ แြแ္แြแ္แူแူแႏိုแ္แဲ့ Text Editor ေแြแဲแ ေแးแားႏိုแ္แแို Intergrated Development Envi
ronment (IDE)แိုแေแแแဲ့ Front Page, Dreamweaver แกแ
แွိแဲ့ Software ေแြแกแံုးျแဳแฟแီးแแ္း ေแးแားႏိုแ္
แါแแ္။
HTML แိုแာแာแဲ?
HTML แိုแာ แแ္แ္แိုแ္แ
ာแ်แ္ႏွာေแြแို แแ္แွแ္แ်แ္ေแာแ္แแ
္แုแกแြแ္းแွာ แ
แแ
္แ်แဲ့ แံုแ
ံแกแ်ိဳး
แ်ိဳးေแးแားႏိုแ္แိုแ แแ္แွแ္แแ္แီးแားแဲ့ Language แแ
္แုแါ။ แူแแို 1989แုႏွแ
္แွာ CERN แဲแ แူแေแแแแာ
แွแ္ แแ္แားแားแ
္แီ(Tim Berners Lee) แ แ
แแ္แแ္แီးေแးแားแဲ့แါแแ္။ HTML แို Tags แိုแဲ့ HTML แแแ္แွแ္แားแဲ့ แိုแ္แ
ားျแဳ code(แေแၤแ)ေแးေแြ แกแံုးျแဳแฟแီး ေแးแားแแါแแ္။ แกဲแီ Tags ေแး
ေแြแို HTML Tags แိုแေแแแါแแ္။
HTML TAGS แိုแာ แာแဲ?
Html Tags แိုแာแိုแေျแာแแ္แွာ Tags แိုแာ แာแဲေျแာျแแါ့แแ္။ Tags แိုแာแေแာ့ Formatting Elem
ents แိုแေแแแဲ့ Browserแ แိေแกာแ္แแ္แွแ္ေแးแားแဲ့ แံုแ
ံแ်แိုแ แกแံုးျแဳแဲ့ แာแာแ
แား (Language)
แแ
္แ်ိဳးแါ။ แူแแို Double Tag แဲแ Single Tag แိုแฟแီး แแ္แွแ္แားแါแแ္။
HTML TAGS แိုแာ ေแးแားแားแဲ့แ
ာแ်แ္ႏွာေแြแို Browser ေแแแိုแံုแ
ံแ်แฟแီး แ
แแ
္แแ်แแ္ႏိုแ္แိုแแพแား
แံแာแာျแแ္ แกแႊแ္းแာแာแ
แားแแ
္แုျแแ
္แါแแ္။ แแฝြแ္ေแာ္แိုแေแးแ်แ္แဲ့ แ
ာแ်แ္ႏွာแံုแ
ံแို แီ HTML TAGS ေแြแဲแ แံုแ
ံแ်แฟแီး Browser ေแแแိုแแ္แဲ့แกแါ Browser แ แ
ာแ်แ္ႏွာแိုแแ္แိုแံုแ
ံแဲแแူေแြแို ေแာ္
แฟแแแแဲแိုแာแို tags ေแြေแးแားแားแာแို แแ္แฟแီးေแာ့tags ေแြแဲแွာေแးแားแားแဲ့แ
ာေแြแို tags
ေแြแแ္แွแ္แားแဲ့ แ
ာแိုแ္แံုแ
ံေแြแกျแแ
္ေျแာแ္းแฟแီးေแာ့ ေแာ္ျแแြားแွာျแแ
္แါแแ္။
แแ
္แแ္းแกားျแแ့္แိုေแာ္ Browser แ HTML Tag ေแြแဲแแံုแ
ံแို แแ္แွแ္แฟแီးေแာ့ แแฝြแ္ေแာ္แိုแแိုแ်แ္แဲ့ แ
ာแ်แ္ႏွာแံုแ
ံแို แုแ္ေแးแွာျแแ
္แါแแ္။
แီေแာ့ แแ္แ္แိုแ္แแ
္แုแုแ္แိုแေแးแိုแแกแြแ္ แီ Html Tags ေแြแို แိုแ္ႏိုแ္ေแกာแ္แံုးแแ္แိုแแိုแါแแ္။ HTML Tags แိုแแ္แိုေแးแားแဲแိုေแာ့ “< ” (Less than) แဲแ “> ” (Greater than) แေแၤแေแးႏွแ
္แု
แဲแ ေแးแားแားแဲ့ “< >” tag แိုแဲ့แกแာေแးแို แกแြแ့္Tag แိုแေแแแฟแီးေแာ့ ၊ “< ” (Less than) แแ္ “/” แ်แฅ္း
ေแ
ာแ္းေแးแแ္แဲแ “> ” (Greater than) แေแၤแေแးแံုးแုแဲแ ေแးแားแားแဲ့ “</ >” tag แိုแဲ့แกแာေแး
แို แกแိแ္Tag แိုแေแแแါแแ္။
แแ
္แแ္းแกားျแแ့္ แီแို <> แกแြแ့္แกแိแ္ ေแးႏွแ
္แုแဲแေแးแားแားแဲ့ tag แိုแกแြแ့္ Tag แိုแေแแแฟแီးေแာ့ แီ
แို </> แกแြแ့္၊ แ်แฅ္းေแ
ာแ္း၊ แกแိแ္ ေแးแံုးแုแဲแေแးแားแားแာแို แกแိแ္ Tag แိုแေแแแါแแ္။
Tag แို Single Tag แဲแDouble Tagแိုแฟแီးေแာ့ แြဲျแားႏိုแ္แါแแ္။ Single Tag แိုแာแေแာ့ แกแြแ့္ Tag แါแွแ
แုแ္ แกแိแ္ Tag แแ
္แုแแ္းแဲแ แူแแုแ္ေแာแ္แ်แ္แို แုแ္แြားႏိုแ္แဲ့ Tag แกแ်ိဳးแกแ
ားแိုေแแแါแแ္။ แฅ
แแာ-</br> แိုแဲ့ Tag ေแးแ Single Tag แါ။ Double Tag แေแာ့ แกแြแ့္แแ
္แုแแ္းแဲแแแ္း แแ္แแ္แฟแီး
แူแแกแုแ္แိုแแုแ္ႏိုแ္ แกแိแ္แแ
္แုแแ္းแဲแแแ္း แแ္แแ္แฟแီး แူแแกแုแ္แုแ္แိုแแုแ္ႏိုแ္ ေแแ်ာေแါแ္
แกแြแ့္แဲแ แกแိแ္แို แွแฅ္แြဲแฟแီးแံုးแွ แกแုแ္แုแ္ႏိုแ္แဲ့ Tag ေแြแို ေแแแါแแ္။ แฅแแာ- <html> </html> แို
แဲ့ Tag ေแးแ Double Tag ေแးแါ။
ေแแုแ်แกားျแแ့္ Double Tag ေแြแိုေแးแားแแ္းแေแာ့ < tag แာแแ္> ေแးแားแ်แ္ေแာแกေแพแာแ္း
แกแာ </tag แာแแ္> ျแแ
္แฟแီးေแာ့ Single Tag ေแြแိုေแာ့ <Tag แာแแ္ >ေแးแားแ်แ္ေแာ แกေแพแာแ္းแก
แာ แါแွแแုแ္ </Tag แာแแ္> ေแးแားแ်แ္ေแာ แกေแพแာแ္းแกแာ แိုแฟแီးေแာ့ ေแးแားႏိုแ္แါแแ္။
Tag ေแြแဲแ แกแဲแ Tag แာแแ္<Tag แာแแ္>ေแြแ แ
ာแံုးแกแพแီးแกေแးแေแြးแါ(Case Sensitive แျแแ
္
แါ)။
HTML แ
ာแ်แ္ႏွာแแ
္แု แြဲแแ
แ္းแแ္ေแာแ္แံု
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
แီแံုแ
ံေแးแေแာ့ html แ
ေแးေแာ့แแ္แိုแแ္ แ်แฟแီးแေแးแျแแ
္ แกျแဲေแးแแแ့္ แแူแာแံုแ
ံေแးแါ။ Html แ
ာ
แ်แ္ႏွာေแြ แိုแ္แိုแ်แ္แဲ့ แံုแ
ံေแြแแ္แွแ္แแ္แိုแแ္း แီแံုแ
ံေแးแกแြแ္းแွာแဲ แုိแกแ္แဲ့ Tags ေแြแို
แฟแแ့္แ
ြแ္แฟแီးေแးแားแแွာျแแ
္แါแแ္။ แกေแးแกแพแီးแံုးแဲแแกေျแแံแกแ်แံုးแံုแ
ံေแးแိုแกแြแ္แေแกာแ္แွแ္
แားแားแိုแေแာ့ แိုแါแแ္။
Html แ
ာแ်แ္ႏွာแဲแ แกေျแแံแြဲแแ
แ္းแแ္ေแာแ္แႈแံုแ
ံ แိုแ္းျแแ္แံု
Html แ
ာแ်แ္ႏွာแဲแ แกေျแแံแြဲแแ
แ္းแแ္ေแာแ္แႈแံုแ
ံแို_
Main Structure (แกแိแ แกแ
ိแ္แกแိုแ္းแพแီး)
<html>
</html>
Head (แ
ာแ်แ္ႏွာေแါแ္းแ
แฅ္)
<head>
</head>
Body (แ
ာแ်แ္ႏွာ แိုแ္แแ္)
<body>
</body>
แိုแฟแီး แံုးแိုแ္းแြဲျแားႏိုแ္แါแแ္။ Main structure แဲแွာแဲ แแ္แฟแီးေแာ့ Head แกแိုแ္းแဲแ Body แกแိုแ္းแိုแฟแီးแြဲ
แฟแားႏိုแ္แါแแ္။
<Html></Html>แိုแဲ့ double tag ေแးแ แ
ာแ်แ္ႏွာแဲแ แกแ
แဲแแกแံုးแိုแแ္แွแ္ေแးแါแแ္။ แ
ာแ်แ္ႏွာ
แိုแ္းแွာ แกแ
แဲแแกแံုးแို แแ္แွแ္ေแးแแွာ ျแแ
္แဲ့แกแြแ္ <html>แกแ
แဲแ </html> แกแံုးแို แေแးแျแแ
္
ေแးေแးแแွာแါ။
<head></head>แိုแဲ့ double tag ေแးแေแာ့ แ
ာแ်แ္ႏွာแဲแ Browser แွာေแแေแ
แ်แ္แဲ့ ေแါแ္းแ
แฅ္แို แแ္
แွแ္ေแးแแ့္ Tag ေแးျแแ
္แါแแ္။ แ
ာแ်แ္ႏွာแแ
္แုแွာ Style แဲแ Script ေแြแแ္ေแါแ္းแแ့္ေแးแ်แ္แแ္
แိုแแ္แแ္း <head></head> tag แกแဲแွာแဲ แแ့္ေแးေแးแแွာျแแ
္แါแแ္။
<body></body>tag แိုแာแေแာ့ แိုแ္แแ္แိုแေျแာแားแဲ့แกแိုแ္း แแฝြแ္ေแာ္แိုแ แိုแ်แ္แဲ့ แံုแ
ံေแြแแို
แ แီแกแဲแွာแဲ แိုแกแ္แဲ့ Tag ေแြแဲแ แ
ာေแြแို ေแးแแ့္ေแးแแแ့္ ေแแာေแးแแ
္แုျแแ
္แါแแ္။ แ
ာแ်แ္ႏွာ
แแ
္แုแံုးแို แီ <body></body>tag ေแးแဲแွာแဲ ေแးแแွာ ျแแ
္แါแแ္။
<html></html> (Html Tag)
แီ Tag ေแးแေแာ့ double tag ေแแ pair tag แกแ်ိဳးแกแ
ား(แกแ
ံုแိုแ္ေแးแแแ့္ tag แกแ်ိဳးแกแ
ား) ျแแ
္แါแแ္။ Html แ
ာแ်แ္ႏွာแแ
္แုแဲแ แกแ
แဲแแกแံုး แงแိแာแို แแ္แွแ္ေแးแဲ့Tag ေแးျแแ
္แါแแ္။ <html>แိုแฟแီးแ
ေแး
แာေแြแแိုแ္แฟแီแိုแာแဲแ html แ
ာแ်แ္ႏွာแแ
္แုแို แ
แฟแီแိုแ Browser แแแ္แွแ္แါแแ္။ </html> แိုแฟแီး แก
แိแ္ Tag แို ေแြแแฟแီแိုแာแဲแแแ္း Browser แ html แ
ာแ်แ္ႏွแ
္แแ
္แု แံုးแฟแီแိုแแแ္แွแ္ေแးแါแแ္။ แါ
ေแแာแ့္ html แ
ာแ်แ္ႏွာแဲแ แกေแးแกแพแီးแဲ့ tag ေแြแဲแွာhtmlแ
ာแ်แ္ႏွာแိုแBrowser แိေแกာแ္ แုแ္ေแာแ္
ေแးแဲ့ <html></html> แိုแဲ့ Tag ေแးแ แกေแးแกแพแီးแံုးျแแ
္แါแแ္။
<head> </head> (Head tag )
แိုแ ေแแแါแแ္။ Browser window แဲแ title bar แွာ ေแါแ္းแ
แฅ္แแ္แ်แ္แแ္ css ေแြေแးแိုแ style tag ေแြแแ့္แ်แ္
แแ္ javascript ေแြေแးแိုแ script tag ေแြแแ့္แ်แ္แแ္ แီ tag แกแြแ္းแွာแဲ ေแးแแွာျแแ
္แါแแ္။ แแ္แိုแ္แแ
္
แုแกแြแ္ แกแႊแ္းေแးแ်แ္แဲแกแါ แိုแ့္แแ္แိုแ္แกแြแ္ ေแာ္ျแแ်แ္ေแြ ေแးแ်แ္แဲ့แกแါ แံုးแဲ့ <meta> tag แိုแแ္း แီ head tag แกแြแ္းแွာแဲေแးแแွာျแแ
္แဲ့ แกแြแ္ head tag แแแ္း แกေแးแါแกแာေแာแ္แဲ့ tag แแ
္แုแဲျแแ
္แါแแ္။
<title> </title> (Title tag)
title tag แိုแေแแแါแแ္။ head tag แกแြแ္းแွာ ေแးแားแแဲ့ tag ေแးแแ
္แုแါ။ Browser window แွာแแ္แိုแ္
แာแแ္ေแးေแแေแ
แိုแแ
ာแ်แ္ႏွာแာแแ္ေแးေแแေแ
แိုแแกแြแ္แံုးแဲ့ tag ေแးแแ
္แုျแแ
္แါแแ္။แแံုးแျแแ
္
แံုးแแ့္แဲ့ Tag ေแးแါ။
<body> </body> (Body Tag)
แါแေแာ့ แแိแ แกေแးแกแพแီးแံုး tag แိုแေျแာแိုแแแဲ့ body tag แါ။ แ
ာแ်แ္ႏွာแြဲแแ
แ္းแိုแ แံုးแ်แ္แဲ့ Tag
ေแြ แกားแံုးแီးแါးแို แီ Body Tag แဲแွာแဲ แแ့္แฟแီးေแးแားแแွာျแแ
္แါแแ္။ แီTag แဲแแกแဲแွာ แျแားTag
ေแြแဲแ แแ္แွแ္แိแ္းแ်ဳแ္แฟแီးေแာ့ แံုေแြแแ့္แแ္ แ
ာေแြေแးแแ္ แแားေแြေแာแ္แแ္ แ
ာေแြแို แူแေแแာแဲแแူ แ
แแ
္แแ် layout แ်แฟแီး (แံုแ
แ်แฟแီး) แားแแ္။
แီ tag ေแးแแါแဲแဲแ แိုแ္แုแ္แ်แ္แဲ့ แံုแ
ံေแြ แแ္แိုแ္แ
ာแ်แ္ႏွာေแြแို ေแးแိုแแกแแ္แေျแแါแူး။ tabl
eless แแုแ္แแ္ေแါ့။ layout (แံုแ
ံ) แ်แိုแแกแြแ္ แแ္း แီ tag ေแးแဲแွာแဲေแးแแွာแါแဲ။แกဲแီ layoutแဲแွာแ
ာေแး
แိုแแแ္း แီ tag ေแးแါแွ แกแဲแွာ แ
ာေแးแိုแแกแแ္ေျแแွာแါแဲ။
แားแแီးေแြแို แံုแ
ံแြแ္แဲแแ့္แฟแီး แ
แแ
္แแ် แိแ္းแ်ဳแ္ေแးေแแဲ့ แိแแ္แိုแါแဲ။ แီTag ေแးแ แ
ာแ်แ္ႏွာ
แแ
္แု แกแဲแွာแ
แแ
္แแ်แွိေแแိုแ แူแแกแြแ္းแွာ แแฝြแ္ေแာ္แိုแแแ္แွแ္แားแဲ့ แแฝြแ္ေแာ္แိုแ ေแးแားแိုแ္
แแွ် แแ့္แိုแ္แแွ်แกแာေแြ แกแ်แ္แกแแ္ေแြแို แแฝြแ္ေแာ္แိုแ แိုแ်แ္แဲ့ แံုแ
ံแกแိုแ္း แ
แแ
္แแ်แိแ္း
แ်ဳแ္ေแးแားแแ္။
แแ္แแ္แွ်ေแแါแกံုးแแ္
ေแ်းแူးแแ္แွ်แ္ แိုแ်ြแ္แฟแိဳး
แိုแแ္(แแ္แဲแแ္း)
0 comments:
Post a Comment