HTML မိ တ္ဆက္
ယေန႕အခါမွ ာ Internet ဟာအလြန္ က်ယ္ ျပန္႕လာျပီ း လူ တိ ုင္ းနီ းပါးအသံ ု းျပဳၾကေပသည္။ ကၽြန္ေတာ္ တိ ု႕ေတြ ဟာလည္ း In
-
ternet ေပၚမွ ာ ကိ ု ယ္ ပိ ုင္ေနရာမ်ားကိ ုကိ ု ယ္ ပိ ုင္Homepage မ်ားကိ ုအလြ ယ္ တကူယူေဆာင္ႏိ ုင္ေလျပီ။ Internet ဆိ ု တာကိ ု
အက်ယ္ရွင္ းမေနေတာ့ ပါဘူ း။ အလြ ယ္ရွင္ းရရင္ေတာ့Internet ဆိ ု တာ ကမာၻေပၚရိ ွႏိ ုင္ငံအခ်င္ းခ်င္ း ခ်ိ တ္ဆက္ ထားေသာ
Network ကြန္ ယက္ ၾကီ းတစ္ခု ျဖစ္ ပါသည္။ အဲဒီ လိ ုInformation ေတြဖလွ ယ္ ဖိ ု႕အတြ က္Web Page ေတြ ကိ ုေရးဆြ ဲရပါတယ္။
Web Page ေရးဆြ ဲ ဖိ ု႕ရာအတြ က္HTML ဟာ အဓိ က က်ပါတယ္။ ေရးသားထားတဲ့Web Page ေတြ ကိ ုWeb Browser Soft
-
ware နဲ႕ ၾကည့ ္ရႈရပါတယ္။ Web Broswer Software ေတြ က Internet Explorer နဲ႕ Firefox တိ ု႕က နာမည္ ၾကီ းေတြ ပါ။
HTML History
1989 ခု က Tim Berners-Lee နဲ႕ Rober Calliau ဟာ Research Documents ေတြ ကိ ုပိ ု မိ ု ျမန္ဆန္ေကာင္ းမြန္မယ္ ့
နည္ းလမ္ းကိ ုရွ ာေဖြခဲ ့ ပါတယ္။ ၂ ႏွ စ္ေလာက္ ၾကာေတာ့Berners-Lee ဟာ browser ေတြ က ၾကည့ ္ရႈ ဖတ္သားႏိ ုင္ ျပီ း Tag
မ်ားႏွင္ ့ဖြ ဲ႕စည္ းတည္ေဆာက္ ထားတဲ ့နည္ းပညာတစ္ခု ကိ ုျပဳလု ပ္ႏိ ုင္ခဲ ့ ပါတယ္။ ထိ ု႕ေနာက္အဲဒီtage ေတြ ထဲ မွ ာ Hyper-Link
နဲ႕ document အခ်င္ းခ်င္ းခ်ိ တ္ဆက္ႏိ ုင္ တဲ ့tag ေတြ ပါထည္ ့သြင္ းႏိ ုင္ခဲ ့ ပါသည္။ Berners-Lee ရဲ႕ နည္ းပညာကိ ုHyber Text
Markup Language ဆိ ု တဲ ့HTML ပါပဲ။
Tag ဆိ ု တာဘာလဲ
Tag ဆိ ု တာကေတာ့ရိ ု းရိ ု း Text ေတြနဲ႕ HTML code ေတြကိ ုခြဲ ျခားလိ ု႕ရေအာင္ လု ပ္ ထားတာပါ။ ဘယ္ လိ ု မ်ဳိ းလဲဆိ ုရင္ေတာ့
<b>This is bold </b> ဆိ ုရင္web browser နဲ႕ ၾကည့ ္ရင္စာလံ ု းဟာ bold ျဖစ္ေနပါလိ မ္ ့ မယ္။ အဲဒီ မွ ာ <b> နဲ႕ </b>
တိ ု႕ဟာ tag ေတြ ပါ။ အမ်ားအားျဖင္ ့tag ေတြ ဟာ အဖြင္ ့နဲ႕ အပိ တ္ ပါ ပါတယ္။ အပိ တ္ဆိ ုရင္/ ေလးခံ ထားေပးရပါတယ္။
HTML အတြ က္Editor
HTML အတြ က္Editor ေတြ IDE ေတြအမ်ားၾကီ းရိ ွ ပါတယ္။ ကၽြန္ေတာ္ ကေတာ့Dreamweaver အၾကိဳက္ဆံ ု းပါပဲ။
သူ က HTML မတတ္ရင္ေတာင္Website တစ္ခုဆြ ဲ လိ ု႕ရပါတယ္။ ဒါေပမယ္ ့Dreamweaver ကိ ုသံ ု းရင္ေတာ့HTML
code ေတြသိ လာမွ ာ မဟု တ္သလိ ုတျခား website ေတြ ကိ ုျပင္ရတာလည္ းခက္ ပါလိ မ္ ့ မယ္။ ကၽြန္ေတာ္ တိ ု႕ေတြ
သူ မ်ားေတြေပးထားတဲ ့website template ကိ ု ျပင္ခ်င္ တယ္။ ကိ ု ယ္ ပိ ုင္ေသေသခ်ာခ်ာ HTML code ေတြ ကိ ုသိခ်င္ တယ္။
ဒါဆိ ုရင္ေတာ့ေလ့ လာကာစမွ ာ Notepad သံ ု းျပီ းေလ့ လာပါ။ ေလ့ က်င္ ့ ပါ။ HTML က web site ဆြ ဲရတဲ ့အထဲ မွ ာ အလြ ယ္ဆံ ု းနဲ႕
အေျခခံအက်ဆံ ု းပဲ။ သူ႕ကိ ုေသေသခ်ာခ်ာနားလည္ ထားမွတျခား web programming ေတြ ျဖစ္ တဲ့PHP, ASP.NET , JSP ,
Ruy On Rail တိ ု႕မွ ာ အေထာက္အကူ ျဖစ္ မွ ာပါ။
HTML For Web Design Suit HTML မိ တ္ဆက္Page 1
HTML ကိ ုေလ့ လာမယ္
1.Starting To Creat and Edit WebpageNotepad ျဖင္ ့ စတင္ ျခင္ း
၁. Windows Key + R ကိ ုႏိ ွ ပ္ လိ ု က္ ပါ။ Run Dailog Box တက္ လာပါမည္။ ထိ ု႕ေနာက္notepad လု ိ႕ရိ ု က္ လိ ု က္ ပါ။
ျပီ းလွ ်င္OK ကိ ုႏိ ွ ပ္ လိ ု က္ ပါ။ ဒါဆိ ုရင္notepad တက္ လာပါလိ မ္ ့ မယ္။
၂. Notepad ထဲ တြင္Format ေအာက္ က
word warp ကိ ုcheck လု ပ္ ထားပါ ။
ဘာျဖစ္ လိ ု႕လည္ းဆိ ုရင္ေတာ့Word Warp
က Notepad မွ ာစာရိ ု က္ တာ ျပည္ ့သြားရင္
ေအာက္ တစ္ေၾကာင္ း ဆင္ းသြ ားရန္အတြ က္
ျဖစ္သည္။HTML စတင္ေရးသားျခင္ း၁. Notepad ထဲ တြင္အခု လိ ုေရးသားလိ ု က္ ပါ။
<html><head><title>This is title</title></head><body>This is body</body></html>HTML နဲ႕ စျပီ း HTML နဲ႕ျပန္ ပိ တ္ရပါတယ္။ အဲဒီ ၾကားမွ ာ html code
ေတြေရးရပါတယ္။ Head Tag နဲ႕ Head Tag အပိ တ္ ၾကားတြင္Title
ထည္ ့ ထားသည္ ကိ ုေတြ႕ရမည္။ Title သည္Browser ၏ ထိ ပ္bar တြင္ေတြ႕ျမင္ရန္ ျဖစ္သည္။ Body အဖြင္ ့နဲ႕ အပိ တ္ ၾကားမွ ာ
မိ မိ၏ ႏွ စ္သက္ရာ စာမ်ားေရးသားႏိ ုင္သည္။
HTML For Web Design Suit HTML ကိ ုေလ့ လာမယ္
Page 2
၂. အဲဒါကိ ုတေနရာ မွ ာ save သြင္ းလိ ု က္ ပါ။ Save Dialog box တက္ လာရင္letype ကိ ုAll le လိ ု႕ေပးလိ ု က္ ပါ။ le
name ကိ ုrstrun.html လိ ု႕ေပးလိ ု က္ ပါ။ rstrun သည္မိ မိ၏ ႏွ စ္သက္ရာ နာမည္ေပးႏိ ုင္သည္။ .html သည္le extension
ျဖစ္သည္။ HTML ေရးထားေသာ page မ်ားကိ ု.html ႏွင္ ့.htm လိ ု႕ေပးမွသာ browser တြင္ေပၚပါလိ မ္ ့ မည္။
၃. Save သြင္ းလိ ု က္ေသာ le လမ္ းေၾကာင္ းကိ ုသြ ားလိ ု က္ ပါ ။ rst.html le ေလးကိ ုdou
-
ble click လု ပ္ ျပီ း ဖြင္ ့ လိ ု က္ ပါ ။
ဒါဆိ ုpage ေလးတစ္ခု တက္ လာတာကိ ုျမင္ရပါမယ္။
ထိ ပ္ ပိ ုင္ းတြင္File ပတ္ လမ္ းေၾကာင္ းကိ ုaddress bar တြင္ေတြ႕ရမည္ ျဖစ္သည္။ title
tag ထဲတြင္ေရးထားေသာ This is tile ဆိ ုေသာ စာကိ ုWindos ၏ Title bar ႏွင္ ့
Tab Title bar တိ ု႕တြင္ေတြ႕ရမည္။ Body tag ထဲတြင္ေရးထားေသာ This is body
ဆိ ုေသာ စာသားကိ ုစာမ်က္ႏွ ာအျဖဴေပၚတြင္ေပၚေနသည္ ကိ ုေတြ႕ရမည္ ျဖစ္သည္။
ျပင္ မယ္ဆိ ုရင္ေတာ့
IE7 မွ ာဆိ ုရင္
Page > View Source ကိ ုႏိ ွ ပ္ လိ ု က္ ပါက Notepad နဲ႕ ကိ ု ယ္ေရးထားတဲ ့HTML ပြင္ ့ လာပါမယ္။
IE 6 မွ ာဆိရင္ View > Source ကိ ုႏိ ွ ပ္ လိ ု က္ ပါက Notepad နဲ႕ ကိ ု ယ္ေရးထားတဲ့HTML ပြင္ ့ လာပါမယ္။
အဲဒီ မွ ာ ေရးထားတဲ ့codeေတြ ကိ ုဖတ္ႏိ ုင္သလိ ုကိ ု ယ္ ့ စက္ ထဲ မွ ာေရးထားတဲ ့page ဆိ ုရင္ေတာ့ျပင္ ျပီ း တစ္ခါတည္ း save
လု ပ္ႏိ ုင္ ပါတယ္။ Internet ေပၚက Web site ေတြ ကိ ုေတာ့view > source ကေနဖြင္ ့ ျပင္ ျပီ း save လု ပ္ လိ ု႕မရပါဘူ း။
HTML For Web Design Suit HTML ကိ ုေလ့ လာမယ္
Page 3
of 00
HTML
874 Reads
Info and Rating
| Category: | Uncategorized. |
| Rating: | |
| Upload Date: | 06/10/2009 |
| Copyright: | Attribution Non-commercial |
| Tags: |
Leave a Comment
is reading HTML.