MyITEdu4U - Home

CSS Exercise(1)

CSS တည္ေဆာက္ပံု

ဒီအခန္းမွာေတာ့ CSS ရဲ့ တည္ေဆာက္ပံုကို ရွင္းျပပါမယ္၊ ေအာက္မွာ CSS ရဲ့တည္ေဆာက္ပံုပါ။

Selector {property:value;}

အထက္က တည္ေဆာက္ပံုကို အစိတ္အပိုင္းႏွစ္ပိုင္းခြဲလိုက္မယ္၊ Selector က တစ္ပိုင္း {property:value;} တို႔က တစ္ပိုင္း၊ အခု ပထမအပိုင္းျဖစ္တဲ့

Selector ကိုရွင္းျပမယ္။

Selector

Select ဆိုတာက မွတ္တာပါ၊ Selector ဆိုေတာ့ မွတ္တဲ့သူေပါ့၊ ဘာေတြကိုမွတ္မွာလဲ ၊ CSS က HTML Document ေတြကို

အလွဆင္ဖို႔အတြက္သံုးမွာဆိုေတာ့ HTML Tags ေတြကိုမွတ္ရပါမယ္၊ ဥပမာ အားျဖင့္ ေအာက္က HTML စာေၾကာင္းကိုၾကည့္ပါ။

CSS သင္ခန္းစာ

ဒီသင္ခန္းစာမွာ CSS ကို အသံုးျပဳျပီး သင့္ ရဲ့ HTML Document နဲ႔ တည္ေဆာက္ထားတဲ့ ၀က္ဆိုက္စာမ်က္ႏွာကို အေရာင္စံုလင္စြာနဲ႔ လွပဖို႔အတြက္ေတာ့ CSS နဲ႔ အလွဆင္ႏိုင္ပါတယ္။

ဒီ့အျပင္ မုန္းစရာေကာင္းတဲ့ Table ေတြကို ေခြျပီးတည္ေဆာက္ထားတဲ့ HTML ၀က္ဆိုက္ေတြ ထက္ CSS ကို အဓိက သံုးျပီးတည္ေဆာက္ထားတဲ့ ၀က္ဆိုက္ေတြက ျပဳျပင္ထိန္းသိမ္းရ အလြန္လြယ္ကူလွပါတယ္။

CSS ကိုအသံုးျပဳျပီး ၀က္ဆိုက္စာမ်က္ႏွာေပါင္းမ်ားစြာကို CSS စာမ်က္ႏွာတစ္ခုထဲနဲ႔ ထိန္းခ်ဳပ္ျပဳျပင္ လိုက္လို႔ရပါတယ္၊ CSS ကိုမေလ့လာခင္ HTML ျဖစ္ေစ XHTML ျဖစ္ေစ တစ္ခုခုကိုေေတာ့ေလ့လာထားျပီးဖို႔လိုအပ္ပါတယ္။

Read more: CSS သင္ခန္းစာ

HTML သင္ခန္းစာ(၁)

HTML Basic Form or Frame

HTML မွာ အေျခခံတည္ေဆာက္ပံုရွိတယ္၊ HTML ရဲ့ Frame လို႔ေခၚတယ္၊ HTML Document တစ္ခုကိုေရးတိုင္း HTML Frame ကပါကိုပါရမယ္၊ ေအာက္မွာ အေျခခံ HTML Frame ကိုတည္ေဆာက္ပံုကို တဆင့္စီရွင္းျပမယ္၊

ပထမအဆင့္

ဒီအဆင့္မွာေတာ့ အခုေရးမွာက HTML Document ျဖစ္ေၾကာင္း ကိုေျပာတဲ့ Document type ဆိုတဲ့ Document အမ်ိဳးအစားကို HTML ကို ဘာသာျပန္မယ့္ browser ကသိေအာင္ မိတ္ဆက္မယ္၊ ဒီအတြက္သံုးတဲ့ သေကၤသကေတာ့ <!DOCTYPE html> ပါ၊ <!DOCTYPE html> သေကၤသ ကို သင္ေရးတဲ့ HTML Document တိုင္းရဲ့ ထိပ္ဆံုးမွာထည့္ေပးရပါတယ္၊ ဒါမွ အဲ့ဒီ့ စာမ်က္ႏွာကို ဘာသာျပန္မယ့္ web browser က ဘယ္လို Doucment အမ်ိဳးအစားလဲဆိုတာကို သိျပီး လြယ္လြယ္ကူကူ ဘာသာျပန္ႏိုင္မယ္။

Read more: HTML သင္ခန္းစာ(၁)

HTML သင္ခန္းစာ

What is HTML

HTML ဆိုတာ ၀က္ဆိုက္စာမ်က္ႏွာေတြကို ေဖာ္ျပဖို႔အတြက္သံုးတဲ့ ဘာသာပါ။ HTML ဆိုတဲ့ စကားလံုးမွာ အကၡရာ တစ္လံုးစီမွာ အဓိပၸါယ္ရွိပါတယ္၊ H က Hyper ဆိုတဲ့စာလံုးအတြက္ ရပ္တည္တယ္။ T က Text ဆိုတဲ့ စာလံုးအတြက္ ရပ္တည္တယ္၊ M က Markup ဆိုတဲ့စာလံုးအတြက္ ရပ္တည္တယ္။ L က language ဆိုတဲ့စာလံုးအတြက္ ရပ္တည္တယ္။ အားလံုးကို ေပါင္းေရးရင္ အတိုေကာက္ ပံုစံက HTML ျဖစ္ျပီး မူရင္းပံုစံက Hyper Text Markup Language ျဖစ္တယ္။ HTML က Programming ဘာသာရပ္မဟုတ္ပါဘူး၊ သူက Markup ဆိုတဲ့ အမွန္အသားျပဳလုပ္တဲ့ ဘာသာပါ၊ အမွတ္အသားဆိုတာ ဆိုရင္ေခါင္းစဥ္လို႔သတ္မွတ္တယ္၊

ဆိုရင္ စာပိုက္လို႔သတ္မွတ္တယ္ စသျဖင့္ အမွတ္အသားလုပ္တဲ့ ဘာသားျဖစ္လို႔ သူ႔ကို Markup Language လို႔ေခၚပါတယ္၊ Markup Language လို႔ေခၚတဲ့ အမွတ္အသားျပဳလုပ္တဲ့ ဘာသာရပ္ကို မတူညီတဲ့ မွတ္သားမူေတြျပဳလုပ္တဲ့ သေကၤသေတြနဲ႔ ဖြဲ႔ စည္းထားတယ္၊ အဲ့ဒိ့ မတူညီတဲ့ အမွတ္အသား သေကၤသေတြကို Markup Tags လို႔ေခၚတယ္။

Read more: HTML သင္ခန္းစာ