This post is from a low-reputation account and contains an unverified outbound link. Be cautious before clicking external links.

"Web Design HTML Lesson 1"

seinwinoo(25)
Published in
#h1
Words
200
Reading
1 min
Listen
Play
9y

download.png

Web Design ဘာသာရပ္ မွာ

1.HTML/HTML5

2.CSS/CSS3

3.JAVASCRIPT

4.JQUERY

5.BOOTSTRAP

သာသာရပ္ ၅မ်ိုးရွိပါတယ္ အဲ့ခုက်ြန္ေတာ္ ျပေပးမဲ့ ဘာသာရပ္က HTML Language ဘာသာရပ္ကို ပထမဦးဆံုးသင္ျကားေပးပါမယ္

HTML ဆိုတာဘာလည္း

HTML Language ဟာ web ဆိုဒ္ေရးရာ မျဖစ္မေန ေလ့လာရတဲ့ ဘာသာရပ္တစ္ခု ျဖစ္ပါတယ္

HTML ဆိုတာ Hyper Text Markup Language လို့အရွည္ေကာင့္ဆိုပါတယ္

HTML Tag ေတြကို ဖတ္ေပးတဲ့ Internet Browser Explorer , Firefox , Chrome , Opera , Safari အစရွိတဲ့Browser တို့ပဲျဖစ္ပါတယ္

HTML သမိုင္း

1989 ခုနွစ္က Tim Berners Lee နဲ့ Rober Calliau ဟာ Research Document ေတြကို ပိုမိုျမန္ဆန္ေကာင္းမြန္မယ့္

နည္းလမ္းေကာင္းေတြကို ရွာေဖြခဲ့ပါတယ္။ ၂ နွစ္ေလာက္ျကာေတာ့ Berners Lee ဟာ browser ေတြက

ျကည့္ရႈဖတ္သားနိုင္တဲ့ tag မ်ားနဲ့ ဖြဲ႕စည္းတည္ေဆာက္ထားတဲ့ နည္းပညာကို ျပဳလုပ္နိုင္ခဲ့ပါတယ္။

အဲဒီ tag ေတြထဲမွာ Hyper-Link နဲ့ document တစ္ခုနဲ့ တစ္ခု ခိ်တ္ဆက္နိုင္တဲ့ tag ေတြကိုပါ ထည့္သြင္းနိုင္ခဲ့ပါတယ္။

Berners Lee ရဲ့ နည္းပညာကေတာ့ Hyper Text Markup Language ဆိုတဲ့ HTML ပါပဲ

HTML ကို Tag ေတြနဲ့ဖြဲ့စည္းထာတာျဖစ္တဲ့အတြက္ေျကာင့္ Tag အေျကာင္းကိုေလ့လာျကည့္ရေအာင္

Tag ဆိုတာဘာလည္း

Tag ဆိုတာကေတာ့ ပံုမွန္ စာသားေတြနဲ့ HTML code ေတြကို ခဲြျခား လို့ရေအာင္ လုပ္ထားေပးတယ္လို့ အလြယ္ဆိုလို့ရပါတယ္။

ဥပမာ။ This is bold ကို browser မွာ ျကည့္ရင္ စာလံုးက bold ျဖစ္ေနပါမယ္။

က အဖြင့္ျဖစ္ျပီး ကေတာ့ အပိတ္ပါ။

ပံုမွန္ အားျဖင့္ tag ေတြက အဖြင့္နဲ့ အပိတ္ပါပါတယ္။ အပိတ္ေတြကေတာ့ / ေလးနဲ့ ဆံုးပါတယ္။

HTML ေရးဖို႕ အတြက္ Editor

HTML အတြက္ Editor ေတြ IDE ေတြအမ်ားၾကးီ ရိွပါတယ္။ Mac OSX မွာ Text Mate ကို အသံုးျပဳနိုင္ပါတယ္။

စတင္ေလ့လာတဲ့ သူေတြ အေနနဲ႕ notepad , notepad++ , sublime text လိုမ်ဳိး editor ေတြကို အသံုးျပဳႏိုင္ပါတယ္

က်ြန္ေတာ္လက္ရွိသံုးေနတာကေတာ့ Visual Studio Code ဆိုတဲ့ IDE ကိုသံုုးပါတယ္

ေက်းဇူတင္ပါတယ္ Lesson 2 သင္ခန္စာကိုလည္းဆက္လက္ေရးသား သြားပါမယ္

https://steemit.com/@seinwinoo

တြင္သင္ခန္းစာမ်ားကိုလာေရာက္ ေလ့လာနိုင္ပါတယ္

Vote ေပးမို့လည္းမေမ့ပါနဲ့ေနာ္ မသိတာရွိ comment ေပး၍ေမးျမန္းနိုင္ပါတယ္

"Web Design HTML Lesson 1" | Ecency