Tuesday, October 13, 2015

Html part 1

HTML part 1
**********
က်ေတာ္လည္းအရမး္ျကီးသိလို့ေတာ့မဟုတ္ဘူးဗ်
ဒါေပမဲ့သသိေလာက္ေတာ့အကုန္ေျပာျပပါ့မယ္
ခုကေတာ့ html ေပါ့ေနာက္ပိုင္း
css
javascript
php (need xampp sever)
mysql
အစဥ္လိုက္ေျပာျပသြားပါ့မယ္
window program ေတြက
main method ဆိုတာကေန အလုပ္စလုပ္ပါတယ္
html မွာ ေတာ့ <body> ဆိုတဲ့ tag ေလးထဲကေနအလုပ္စလုပ္တယ္ဗ်
အဲ့ေတာ့ tag ဆိုတာဘာ၊လဲ၊၊၊
tag <body> ဒါ tag ပါ
tag တစ္ခုစဖြင့္ပီဆိုရင္သူ့ကိုျပန္ပိတ္ေပးရပါတယ္
<body>

</body>
အေပါ္ကလိုမ်ိုးေပါ့ </BODY>ေလး

အ့ဆိုက်ေတာ္တိုHellow World ဆိုတာေလး web borwser မွာထုတ္ျကည့္ရေအာင္ဗ်ာ
အရင္ဆံုး Desktop မွာ web ဆိုတဲ့ folder ေလးေဆာက္ထားဗ်ာ
>>window key နဲ့ R နွိပ္ပီး run box ေခါ္ပါ
>>Notepad လို့ရို္က္ပီးအန္းတားေခါက္ပါ
>>ေအာက္ကကုတ္ကိုျကည့္ပီးလုိက္ေ၇းပါ
>>ctrl S နွိ္ပ္ပါ
>>File name မွာ example 1.html လို့ေပးပါ
>>encoding ကိုတစ္ခ်က္ကလစ္ပီး utf8 ဆိုတာေရြးေပးပါဦ(ျမန္မာလိုျမင္နိုင္ရန္)
>>Desktop ေပါ္က web ထဲမွာသြားသိမ္းပါ
>>ပီးရင္ double click ပီး run လိုက္ပါ
Hellow World ဆိုတာေလးထြက္လာပါပီ
-----------
<html>
<head>
<title></title>
</head>
<body>
Hellow World!
</body >
</html>
---------

့hellow world ကို size ျကးီျကည့္ရေအာင္ဗ်ာ

<html>
<head>
<title></title>
</head>
<body>
<h1>Hellow World!</h1>
</body >
</html>

tag တစ္ခုျဖစ္တဲ့ <h1>ေလးကိုက္ေပးလိုက္တယ္ဗ်
ျပင္ပးီျပန္run ျကည့္ဗ်
<h1> ကေန <h6>ထိရွိပါတယ္တစ္ခုခ်င္းစမ္းျကည့္ပါ

ေနာက္ထပ္ font ျကီးတဲ့တစ္နည္းရွိပါေသးတယ္

<html>
<head>
<title></title>
</head>
<body>
<font size="3" color="red">Hellow World</font>
</body >
</html>

<font>ဆိုတဲ့ tag ေလးပါ
သူ့ထဲမွာ size="3" ဆိုတာကို attribute လို့မွတ္ထားေပးပါဗ်
font ရဲ့ size ကို 3 လို့ထားမယ္ေျပာတာ ေပါ့ ဟဲ၊၊
color="red" ဆိုတာက color အနီေရာင္ကိုေျပာတာပါ
run ျကည့္လိုက္ပါဗ်
ေနာက္ထပ္ background color change ျကည့္ရေအာင္ဗ်ာ
<body>ဆိုတာမွာ attribute တစ္ခုထပ္ထည့္ပါ့မယ္
bgcolor="black"
<body bgcolor="black">
အဲ့လိုေလးျပင္ေရးလိုက္ပါ
run ျကည့္ပါဗ်၊
က်ေတာ္ေနာက္ထပ္ tag ေတြထပ္ေျပာျပပါ့မယ္စမ္းျကည့္ျကပါဗ်ာ
နားမလည္တာရွိရင္ျပန္ေမးပါ က်ေတာ္မသိရင္ေတာင္ရွာပီးျပန္ေျပာျပပါ့မယ္ဗ်
<center>
<s>
<u>
<b>
<i>
<u>
<strike>
<tt>
<sub>
<sup>
<big>
<small>
web ပိုင္းကိုေလ့လာခ်င္ရင္
www.w3school.com မွာသြားေလ့လာပါဗ်
အဲ့web site တစ္ခုလံုးေဒါင္းထားတာက်ေတာ့္မွာရွိပါတယ္
လိုခ်င္လာေတာင္းပါ
ရန္ကုန္သု၀ဏမွာေနပါတယ္
စေနေန့ေနာက္ဆံုးပဲ အဲ့ေန့က်ေတာ္ရွမ္းျပန္ျပန္ေတာ့မွာ :)
ေနာက္တစ္ပုိစ္မွာ image နဲ့ link ေတြနဲ့ကစားျကရေအာင္ဗ်ာ

#ရပ္ေစာက္သား

0 comments:

Post a Comment