Introduction

Html ဆိုတာ tag ေတြနဲ႔ ဖြဲ႔စည္းထားတဲ႔ နည္းပညာတစ္ခုျဖစ္ပါတယ္။
Html ကိုေရးႏုိင္ဖို႔ အတြက္ tag ေတြရဲ႕ဖြဲ႕စည္းပံုကို ေသေသခ်ာခ်ာ ေလ့လာထားရပါမယ္။
Html ကိုေလ႔လာဖို႔အတြက္ window နဲ႔ အသင့္ပါလာတဲ႔ Notepad နဲ႔ Internet Explorer ႐ွိရင္ရပါၿပီ။

Tag and Element
ကၽြန္ေတာ္တို႔ဟာ႐ုိး႐ုိး စာသားေတြ ပံုေတြ video ေတြကို browser မွာ ကၽြန္ေတာ္တို႔လိုခ်င္တဲ့ပံုစံ ေပၚဖို႔ Html tag ေတြၾကားထဲမွာထည့္သြင္းေရးသား ရပါတယ္။ browser မွာေပၚမွ ကၽြန္ေတာ္တို႔ရဲ႕ စာသားေတြ ပံုေတြ video ေတြကို internet ကေနၾကည့္လို႔ရမွာေပါ႔။
ဥပမာ။ ။
<b>Bold text</b>

ဒီေနရာမွာ Bold text က browser screen မွာေပၚမယ္႔စာသားပါ။ <b> </b> ေတာ႔ browser မွာမေပၚပါဘူး။ သူက Html tag ျဖစ္ပါတယ္။
သူက သူ႔ၾကားက Bold text  စာသားကို browser screen မွာ ေပၚတဲ႔အခါ စာလံုးမည္းျဖစ္ေအာင္ လုပ္ေဆာင္ေပးပါတယ္။
Html tag ေတြမွာ မ်ားေသာအားျဖင့္ အဖြင့္ tag <b> နဲ႔ အပိတ္ tag </b>ပါပါတယ္။ ကိုယ္ effect ျဖစ္ေစခ်င္တဲ့စာသားကို ဒီႏွစ္ခုၾကားမွာ ထားေရးေပးရပါတယ္။ သူ႔ကိုေတာ႔ element content လို႔ေခၚပါတယ္။<b>Bold text</b> တစ္ခုလံုးကို Html element တစ္ခုအျဖစ္သတ္မွတ္ပါတယ္။

<b>How to start Html</b>

<b>Basic structure</b>

<html>
<head>
<title>This text will appear in the browser title bar.</title>
</head>
<body>
<b>Hello! </b>I am body text.
</body>
</html>

ဒီ structure မွာ ပထမဆံုး <html> ဆိုတာကေတာ႔ browser ကို html code စၿပီျဖစ္ေၾကာင္းေျပာလိုက္တာပါ။ သူ႔ရဲ႕အပိတ္ကေတာ႔ coding ရဲ႕ေနာက္ဆံုးမွျပန္ပိတ္ေပးရ ပါတယ္။
အျခား tag ေတြအားလံုးသူ႔ၾကားထဲမွာ ရွိရပါတယ္။
<head> tag ထဲက အရာေတြကေတာ႔ browser screen ေပၚမွာမဟုတ္ပါဘူး။ သူ႔ထဲမွာရွိတဲ့ <title> tag ၾကားထဲက စာသားေတြဟာ browser ရဲ႕ title bar ေပၚမွာေပၚမွာျဖစ္ပါတယ္။
သူ႔ထဲမွာေရးတဲ့အျခား tag ေတြရွိပါေသးတယ္။ ေနာက္ပိုင္းေရာက္မွာေသးစိတ္ေလ့လာၾကပါမယ္။
<body> tag ထဲက ဟာေတြကေတာ႔ browser screen မွာ ကိုယ္ေပၚေစခ်င္တဲ႔စာသားေတြေပါ့။
အဲဒီအထဲကမွ <b> tag ၾကားမွာရွိတဲ့ စာသားေတြက bold အေနနဲ႔ေပၚပါလိမ့္မယ္။
ဒီ html code ေလးကို notepad မွာ႐ုိက္လိုက္ပါ။ notepad ကိုဖြင့္တဲ့နည္းကေတာ႔ Window key နဲ႔ r key ကိုတြဲႏွိပ္လိုက္ပါ။ ေပၚလာတဲ့ box ကေလးရဲ႕ open ဆိုတဲ့ text box ေလးထဲမွာ notepad လို႔႐ုိက္ထည္ၿပီး Enter ေခါက္လိုက္ပါ။ notepad ပြင့္လာပါလိမ့္မယ္။
code ေတြ႐ုိက္ၿပီးရင္ save လုပ္ရပါမယ္။ save လုပ္တဲ့အခါမွာ notepad ကဲ့ extension နဲ႔ မ save ပါနဲ႔ .html ဆိုၿပီး save ရပါမယ္။ ဒါဆိုရင္ကၽြန္ေတာ္တို႔ save လုပ္လိုက္တဲဖိုင္ေလးကို explorer ပံုေလးနဲ႔သိမ္းထားတာေတြ႔ရပါလိမ့္။ အဲဒီ ဖိုင္ေလးကို double click ေခါက္လိုက္ပါ။ အဲဒီဆိုရင္ Enternet explore ပြင့္လာၿပီး

Hello! I am body text.

လို႔ browser screen မွာေပၚလာပါလိမ့္မယ္။

About wailynnoo

wailynn oo has written 57 post in this Website..

I am a blogger.