Saying about html and introduction : lesson 1

in #myanmar7 years ago (edited)

အားလံုးဘဲမဂၤလာပါခင္​ဗ်

အရင္​တစ္​ပတ္​ကတင္​​ေပးလိုက္​တယ္​့ app ကို အသံုးျပဳ​ေနၾကတယ္​့ ညီအစ္​ကို​ေတြဆင္​​ေျပၾကမယ္​လို႔ ထင္​ပါတယ္​၊ ညီအစ္​ကို​ေတြ​ေနနဲ႔ app ထဲ မွာလည္​း ​ေလ့လာလို႔ရပါp​ ၊ေနာက္​ၿပီး https://www.w3schools.com​ က​ေနၿပီးလည္​း ေလ့လာလို႔ရပါတယ္​
image
​လ့လာလို႔ရတယ္​့​ေနရာလည္​း​ေျပာျပၿပီးဆို​ေတာ့web နဲ႔ပက္​သက္​တယ္​့ coding ကို runဖို႔ software သြင္​းဖို႔ဘဲ ​က်န္​ပါ​ေတာ့တယ္​

ဘာsoftwareသြင္​းရမလည္​းဆို​ေတာ့ အ​ေကာင္​းဆံုးက​ေတာ့ notepad အစား sublime text,notepad++သံုးတာပိုဆင္​​ေျပလိမ္​့မယ္​၊ ကြၽန္​​ေတာ္​က​ေတာ့ sublime text သံုးတယ္​​ေကာင္​းတာက line no auto ျပ​ေပးတယ္​ tag တစ္​ခု​ေရးလည္​း tag နဲ႔ပက္​သက္​တာ auto ျပ​ေပးတယ္​ ၊ ညီအစ္​ကိုတို႔​ေနနဲ႔ notepad သံုးလည္​းကိစၥ​ေတာ့ မ႐ွိပါဘူး၊ ညီအစ္​ကို​ေတြဆင္​​ေျပတာသံုးလို႔ရပါတယ္​

Software install လုပ္​ၿပီးၿပီဆိုရင္​ coding​ေတြ စတင္​​run လို႔ရပါၿပီ

သင္​ခန္​းစာမစခင္​ client နဲ႔ server​ေၾကာင္​းအနည္​းငယ္​​ေျပာျပပရ​ေစခင္​ဗ်
client

Client က user လိုခ်င္​တယ္​့ data​ေတြကို broswer က​ေနတစ္​ဆင္​့ server စီကို request လုပ္​တာပါ

Server

Server က client ဘက္​က ​request လုပ္​တယ္​့data​ေတြကို ျပန္​ၿပီး ​respond လုပ္​​ေပးပါတယ္​
Server မွာ hardware server နဲ႔ software server ဆိုၿပီး ၂မ်ိဳး႐ွိပါတယ္​
Server နဲ႔ client နဲ႔ပက္​သက္​ၿပီး အ​ေသးစိတ္​​ေနာက္​မွျပန္​​တင္​ျပ​ေပးပါမယ္​ခင္​ဗ်

Lesson-1

Html-Hypertext Markup Language

Html ​က web document​ေတြ​ေရးသားတယ္​့ အခါလိုက္​နာအသံုးျပဳဖို႔ w3c က သတ္​မွတ္​ထားတယ္​့ markup language ျဖစ္​ပါတယ္​၊ web document က html element​ေတြစုထားတယ္​့ text document တစ္​ခုျဖစ္​တယ္​ html ကို save​ေတာ့ မယ္ဆို extension​ေနျဖင္.​့ .htmlဆိုၿပီး save ရပါတယ္​ ဒါမယ္​့ extension မပါဘဲလည္​း save ​ၾကပါတယ္​ ပံု​ေသထင္​​ေနမွာ ဆိုးလို႔ ပါ extension က သူပက္​သက္​တာနဲ႔သူ​ေျပာင္​းၿပီး​save​ေပးတာလည္​း႐ွိပါတယ္​

Html document လို႔​ေျပာတာနဲ႔​ေျပး ျမင္​ရမွာ​ေအာက္​​ေဖာ္​ျပပါ element​ေတြကိုပါ၊ html document က​ေအာက္​က element​ေတြအားလံုးပါမွ ျဖစ္​မွာမဟုတ္​ပါဘူး document type declaration တစ္​ခုပါတာနဲ႔ html document ျဖစ္​ၿပီလို႔ဆိုလို႔ရပါတယ္​
image
ပထမဆံုးလိုင္​းက <!doctype html>က ဒီ document ဟာ html ျဖစ္​တယ္​လို႔​ေၾကာညာထားတာပါ၊ document type declaration လည္းျဖစ္​ပါတယ္​ ၊ ဒီထဲမွာ အဓိက က်တယ္​့ tag ႏွစ္​ခု႐ွိပါတယ္နဲ႔ ျဖစ္​ပါတယ္​၊ထဲမွာ ဘာtag​ေတြသံုးလည္​းဆို​ေတာ့ element​ေတြသံုးပါတယ္​
စာ​ပိုဒ္​​ေတြ​ေရးမယ္​ဆို p element ရဲ႕ အဖြင့္ အပိတ္​

ထဲမွာ​ေရးရပါတယ္​ စာပိုဒ္​​ေတြ​ေရးတယ္​့ခါ english စာဘဲ​ေရးရင္​​ေတာ့ meta မသံုးလည္းကိစၥမ႐ွိ ျမန္​မာစာ​ေတြတစ္​ျခားlanguage​ေတြ​ေရးမယ္​ဆို ျပသာနာ႐ွိလာၿပီ​ေရးတယ္​့တိုင္​း​ေပၚမွာမဟုတ္​ဘူး အဲ့တာ​ေၾကာင္​့မို႔meta element head element ထဲမွာ​ေအာက္​ပါ အတ္ိုင္​း​ေရး​ေပးရပါမယ္​

image

ကြ​်​န္​​ေတာ္​ tutorial​ေတြနဲ႔ျပည္​့​ေနတာနဲ႔​ေသခ်ာ မတင္​ျ​​ပ​ေပးလိုက္​ရဘူး နားလည္​​​ေပး က​်​ေနာ္​ ညီအစ္​ကို​ေတြ

ကြၽန္​​ေတာ္​​ေ႐ွ႕တစ္​ပတ္​က်​ေသခ်ာ တင္​ျပ​ေပးပါမယ္​ခင္​ဗ်

Author-@naythuya
Msc-169
Photo-credit

Sort:  

ဗဟုသုတေတြလဲရတယ္ညီ
အားေပးေနပါတယ္
ဆက္လက္ တင္ျပေပးပါအံုး ညီ

ဟုတ္​ကဲ့ ဆက္​တင္​ျပ​မယ္​bro 😉

အားေပးေနပါတယ္ bro

Me too😉

နည္းပညာ ဗဟုသုတေလးေတြ သိခြင့္ရတဲ့တြက္ ေက်းဇ ူးပါဗ်ာ

ဟုတ္​ကဲ့

နည္​းပည​​ာ ​ေတြရ​ေစပါတယ္​ အစ္​ကို​ေရ. စာ​ေလးမ်ားနည္​းနည္​း
​႐ွည္​လိုက္​ရင္​ ပိုၿပီးဖတ္​လို႔​ေကာင္​းသြားမယ္​ ထင္​တယ္​ဗ်ာ

လာ​ေလာနဲ႔​ေရးလိုက္​ရလို႔ bro​😁

ဗဟုသုတရပါတယ္ဗ်

ဟုတ္​ကဲ့ bro

စိတ္လဲ၀င္စားတယ္ ဗဟုသုတလဲရပါတယ္ဗ်ာ

ဟုတ္​ကဲ့ ခင္​ဗ်

Thanks for your info.

ဟုတ္​ကဲ့

ေနာက္ထပ္အသစ္သစ္ေတြလဲတင္ေပးပါဦးဗ်ာ

ဟူတ္​ကဲ့အစ္​ကို

ဖတ္ခဲ့ပါၿပီညီေရ

ဟုတ္​ဟူတ္​😉

ဗဟုသုတရတယ္​bro သင္​တန္​းကဘယ္​နားမွာလဲbro

သင္​တန္​းကကြန္​ျပ ူတာ​ေက်ာင္​းမွာသင္​​ေပးတာbro​ေက်ာင္​းဆင္​းခ်ိန္​ Myitkyina မွာbro

ုေအာ္ ေကာင္းတယ္ေနာ္

မွတ္သားရပါတယ္ ခင္ဗ်ာ

ဟူတ္​ကဲ့😉

ေလ့လာမွတ္သားရပါဦးမည္

ဟုတ္​​ေလ့လာပါbro

ေစာင့္ေနတယ္ဗ်ိဳ႕။

ဟုတ္​ဟုတ္​

သိပ္ေတာ့နားမလည္ေပမဲ႕အားေပးေနပါတယ္ bro.

ဟုတ္​ကဲ့😉

w3school ကိုက်န္ေတာ္လည္းေလ့လာေနတယ္ဗ်ာ့
အေၾကာင္းအမ်ဳိးမ်ဳိးေၾကာင့္ အခ်ိန္မရတာနက္ ရပ္ထားရတယ္

ဟုတ္​ကဲ့ခင္​ဗ် me too

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by moekyaw from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Thank you naythuya for making a transfer to me for an upvote of 1.34% on this post!

Half of your bid goes to @budgets which funds growth projects for Steem like our top 25 posts on Steem!

The other half helps holders of Steem power earn about 60% APR on a delegation to me!

For help, will you please visit https://jerrybanfield.com/contact/ because I check my discord server daily?

To learn more about Steem, will you please use http://steem.guide/ because this URL forwards to my most recently updated complete Steem tutorial?