HTML Lesson 1

Posted by Black Magic | Posted in | Posted on 2:15 AM

mmithelper ကHTMLသင္ခန္းစာေတြကိုကူးၿပီးေဖာ္ၿပေပးပါမယ္
အားလံုးေလ့လာလို႔ရတာေပါ့

 အားလံုးပဲ.မဂၤလာပါ..။ ညီမ..ဒီေန႔ကေနစၿပီးေတာ့. 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 ကုိ.. အၿပင္သင္တန္းေတြ.. တတ္စရာမလိုပဲ..ကၽြမ္းက်င္သြားလိမ့္မယ္လို႔..ယံုၾကည္ပါတယ္..။
အားလံုးကုိ..ေက်းဇူးအထူးတင္ရွိပါတယ္.. ^_^

Credit to $U Y4T4N4R

Comments (0)

လိုခ်င္တာရွိရင္ေအာ္ခဲ့ေနာ္ !

Don't Forget to Like & Follow

Daily Email Updates
Subscribe to Get Latest Updates Free


Check IP

IP
ask4linksask4pc

ကၽြန္ေတာ့ Blog မွာ ဘာကို အဓိကတင္ေစခ်င္လည္း?

ယေန႔ေငြလဲႏႈန္း

DMCA.com Protection

Powered By:

Black Magic © 2013 - All Rights Reserved.