06/01/2014
အခန္း (၁)
Introduction to HTML
HTML ဆိုသည္မွာ Hyper Text markup Language ရဲ႕အတိုေကာက္အမည္ျဖစ္၍ ကိုယ္ပိုင္ web Page-Design မ်ားဖန္တီးရာတြင္ သံုးၾကသည္။ HTML သည္Programming Language မဟုတ္ပါ။ Markup Language ျဖစ္ေသာေၾကာင့္ HTML စတင္ေလ့လာသူ Beginner မ်ားအတြက္အျခားေသာ Fundamental Programming Concepts မ်ားကို မသိေသးလွ်င္လည္း အဆင္ေျပေျပႏွင့္ စတင္ေလ့လာႏိုင္ပါတယ္၊ HTML ကိုစတင္ေလ့လာဖို႕အတြက္ Simple Text Editor (notepad ++)တစ္ခုႏွင့္ Web Browser (Ie, Firefox) တစ္ခုသာ လိုပါတယ္။
HTML ရဲ႕သမိုင္းေၾကာင္းကို အနည္းငယ္ေျပာ၇မယ္ဆိုရင္ေတာ့ HTML ကို 1990 ျပည့္ႏွစ္ အေစာပိုင္း မွာ Time BernerLee ဆိုသူ ရူပေဗဒပညာရွင္တစ္ဦးက စတင္ခဲ့တာျဖစ္ၿပီး 1990 November မွာ ပထမဆံုး HTML Page ကိုစတင္ လႊင့္ႏိုင္ခဲ့ပါတယ္။
သိထားသင့္ေသာ HTML ၏အေျခခ့ Concepts မ်ား
HTM ကိုစတင္ေလ့လာေတာ့မယ္ဆိုရင္ ေအာက္ပါ စကားလံုးသံုးမ်ိဳးကို သိထားဖို႕လိုအပ္ပါတယ္။
• Tags
• Elements
• Attributes တုိ႕ျဖစ္ပါတယ္။
HTML – Tag
Markup လို႕လဲေခၚဆိုႏိုင္ပါတယ္။ သက္ဆိုင္ရာ Web Contents ေတြအတြက္ ကိုယ္စားျပဳ စကားစု ျဖစ္ၿပီး Web Browser မွ သက္ဆိုင္ရာ Output အတြက္ ဘာသာျပန္ဆိုေပးပါတယ္။ HTML –Tag ေတြကို “” တို႕အတြင္းမွာ ေရးရပါမယ္။ (eg:)
HTML- Elements
အဖြင့္(opening tag “”)ႏွင့္ အပိတ္ (closing tag “”) တစ္စံုပါ၀င္ေသာ ျပည့္စံုသည့္ TAG တစ္ခုပါ။ (eg: ) (Note : HTML Tags ေတြရဲ႕ Closing Style ဟာ Forward Slash “/”ကိုထည့္သံုးျခင္းျဖစ္ပါတယ္။)
HTML – Attributes
သက္ဆိုင္ရာ Tags ေတြ၊ Elements ေတြရဲ႕ Default Features ေတြကို ျပင္ဆင္လိုတဲ့အခါႏွင့္ ထပ္မံ ထည့္သြင္းလိုတဲ့အခါမွာသံုးပါတယ္။ Attributes ေတြကို HTML Tags အတြင္း (သို႕) Elements ေတြရဲ႕အဖြင့္ Tag အတြင္းမွာ ထည့္သြင္း ေရးသား၍ attribute name ႏွင့္ value ဟူ၍ ႏွစ္ပိုင္းပါ၀င္ပါတယ္။
(eg : ) face သည္ Attribute Name ျဖစ္ၿပီး Time New Roman သည္ Attribute Value ျဖစ္သည္။
HTML ၏ Attributes မ်ားကို သက္ဆိုင္ရာ Tags (သို႕) Elements မ်ားအလိုက္ အသံုးျပဳရာတြင္ တစ္ခုထက္ပို၍ လည္းသံုးႏိုင္ပါသည္။
(eg : )
Face & size သည္ Attribute Name ျဖစ္ၿပီး Time New Roman & green သည္ Attribute Value ျဖစ္သည္။
Basic HTM Elements
Web Design တစ္ခုကို လွပေသသပ္စြာ ဖန္တီးႏိုင္ေစရန္အတြက္ HTML မွာ Element မ်ား Tags မ်ား ေျမာက္မ်ားစြာရွိပါတယ္၊ ၄င္းတို႕အနက္မွ အေျခခံ Element မ်ားကို စတင္ရွင္းလင္းသြားပါမယ္။
-Element
ဤ Element ကေတာ့ web Design Document တုိငး္ရဲ႕ “ Begin and End” (အစ ႏွင့္ အဆံုး) တြင္ရွိကိုရွိရမယ့္ Element တစ္ခုပါ။ HTML ရဲ႕အျခားေသာ Element ေတြအားလံုးကို ႏွင့္ တို႕ရဲ႕ အတြင္းမွာေရးရပါမယ္။
- Element
Element အတြင္းမွာ ပထမဆံုးေရးသားရမည့္ Element ျဖစ္ပါတယ္။ ဒီ Element အေနနဲ႕ Browser Ouput တြင္ တုိက္ရိုက္ Output မျမင္ရေပမယ့္ Web Page ရဲ႕ Title ကို ကုိယ္စားျပဳႏိုင္ေသာ Element ကိုေသာ္လည္းေကာင္း Web Page တြင္ Formatting Style ထည့္သြင္းေရးသားရန္ CSS (cascading style sheets) Codes မ်ားကိုေသာ္လည္းေကာင္း၊ Dynamic Web Page ဖန္တီးရန္အတြက္ Scripting Language (JavaScript) Code မ်ားကိုေသာ္လည္းေကာင္း စသည္တို႕ကို ထည့္သြင္းေရးသားႏိုင္သည္။