HTML ( Lesson 1 )
Posted in HTML
No comments
Saturday, August 3, 2013 By $U Y4T4N4R
အားလံုးပဲ.မဂၤလာပါ..။ ညီမ..ဒီေန႔ကေနစၿပီးေတာ့. HTML Language ကုိ..သင္ၾကာေပးသြားမွာပါ..။ HTML ဆိုတာ. Hyper Text Markup Language ၿဖစ္ပါတယ္..။ webအပိုင္းကုိ. ေလ့လာေတာ့မယ္ဆိုရင္.. HTML ကေန..ေလ့လာတာ..အေကာင္းဆံုးပါ..။ HTML က.လြယ္ကူပါတယ္.။ မခက္ပါဘူး..။ HTML ရသြားရင္... တၿခားကိုယ္ေလ့လာခ်င္တဲ့.. programming ကို.. စိတ္ခ်လက္ခ်ေလ့လာႏုိင္ပါတယ္.။ တၿခားေသာ.. programming language ေတြမွာလည္း. HTML က.မပါမၿဖစ္..ၿပန္ပါလုိ႔ပါ. ^_^
အရင္ဦးဆံုး. HTML ကုိ.ဘာ software နဲ႔ေရးမလဲေပါ့.. ။ HTML ကုိ.. notepad နဲ႔ေရးပါတယ္..။ ခက္ခက္ခဲခဲရွာေနစရာမလိုပါဘူး..ကြန္ပ်ဴတာတိုင္းမွာ. notepad ပါပါတယ္.. ^_^
WindowsKey+R ကုိႏွိပ္ၿပီး. run box ေခၚလိုက္ပါ..။ notepad လုိ႔ထည့္ရိုက္ၿပီး.. enter ေခါက္လိုက္ပါ.. က်လာပါလိမ့္မယ္..။ ဒါေပမယ့္... အစပိုင္းမွာေတာ့. notepad နဲ႔ေရးတာ.အဆင္ေၿပပါတယ္..။ ေနာက္ပိုင္း code ေတြမ်ားလာတဲ့အခါမွာ.. notepad နဲ႔ေရးရင္.. error ဘယ္နားတတ္လို႔တတ္မွန္းမသိနဲ႔.. စစ္ရတာ.ခက္ပါတယ္.။ ဒါေၾကာင့္မုိ႔.. ၿဖစ္ႏိုင္မယ္ဆိုရင္.. ေအာက္မွာၿပထားတဲ့. NotePad++ ကုိ..Download ခ်ၿပီး.. Run ၾကည့္လိုက္ပါေနာ္.. ^_^
Download NotePad++
Structure of HTML
<html>
<head>
<title> ......... </title>
</head>
<body>
............
............
</body>
</html>
- html က.. < > (tag) အဖြင့္အပိတ္ထဲမွာ..ေရးပါတယ္.။ <html> စရင္.. </html> နဲ႔ဆံုးပါတယ္..။
- / ေလးကုိ.. slash လို႔ ေခၚပါတယ္..။
- head ဆုိရင္လည္း.. <head> နဲ႔စၿပီး.. </head> နဲ႔ဆံုးပါတယ္..။
- <head> ထဲမွာ. <title> </title> ရွိပါတယ္..။ title ႏွစ္ခုၾကားမွာ.. browser ရဲ႔ ထိပ္မွာေပၚခ်င္တဲ့စာကုိ..ေပးလို႔ရပါတယ္..။ ခဏေန.. ဥပမာၿပ၇င္..နားလည္းသြားမွာပါ.. :)
- <body> </body> ၾကားထဲမွာ.. browser ေပၚမွာ...web page မွာ...ၿပခ်င္တဲ့.စာသားေတြကို..ထည့္ေရးေပးရမွာပါ..။
ဥပမာေလး..ၾကည့္လိုက္ၾကရေအာင္ေနာ္...
<html>
<head>
<title> example of html </title>
</head>
<body>
Hello World!
</body>
</html>
- အေပၚက.. code ေတြကုိ.. Notepad++ ထဲမွာ. ထည့္ရိုက္လိုက္ပါ.။ copy မကူးပါနဲ႔..။ ဘယ္လိုပဲ.လုပ္လုပ္.. အေၿဖကထြက္လာမွာပါ..။ ဒါေပမယ့္. ကိုယ္တိုင္ေရးေတာ့.. ပိုၿပီး.. မွတ္မိလြယ္ပါတယ္..။
- ေရးၿပီးသြားရင္.." egofHTML.html " ဆိုၿပီး.. save လုပ္လိုက္ပါ..။ html code ေတြကုိ.. save လုပ္ရင္.. ေနာက္ကေန.. .html ဆိုၿပီး..ထည့္ေပးရပါတယ္..။
- save လုပ္ၿပီးသား.. file ကုိ. double click လုပ္ၿပီးဖြင့္ၾကည့္လိုက္ပါ.။
- browser ရဲ႔ထိပ္ဆံုးမွာ. ၾကည့္လိုက္ပါ..။ title 2 ခုၾကားက. example of html ဆိုတာေလး..ေပၚေနပါလိမ့္မယ္...။
- web page မွာေတာ့.. body ထဲက. Hello World! ဆိုတာေလး.. ေပၚေနပါတယ္..။
ဒါဆုိရင္ေတာ့.. html ကုိ.ဘယ္လိုေရးမယ္..။ ဘယ္လုိ run မယ္ဆိုတာကုိ.. သေဘာေပါက္မယ္လို႔. ယုံၾကည္ပါတယ္..။ ေနာက္ရက္ေတြမွာ.. စာလံုး style နဲ႔.. ပံုထည့္တာေတြ.. link ခ်ိတ္တာေတြကုိ.. ရွင္းၿပသြားမွာပါ...။ ဆက္လက္ေရးသားသြားမယ့္.. HTMLသင္ခန္းစာ.. အားလံုးကုိ.. ေသေသခ်ာခ်ာလုပ္ၾကည့္သြားမယ္ဆိုရင္.. HTML ကုိ.. အၿပင္သင္တန္းေတြ.. တတ္စရာမလိုပဲ..ကၽြမ္းက်င္သြားလိမ့္မယ္လို႔..ယံုၾကည္ပါတယ္..။
အားလံုးကုိ..ေက်းဇူးအထူးတင္ရွိပါတယ္.. ^_^
$U Y4T4N4R ~ www.technologicalvilla.blogspot.com
Related posts
Share this post
0 ေယာက္ Comment ေပးသြားတယ္: