Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
3Activity
0 of .
Results for:
No results containing your search query
P. 1
HTML

HTML

Ratings: (0)|Views: 223 |Likes:
Published by HRmyanmar
Information & Technology Network (ITN) is an open group.
IT knowledge sharing, Solving IT problem (proxy, virus, password recovery, etc;) Questions and Answers for Myanmar (Burma) young peoples.
More Information >> http://www.facebook.com/groups/itnetwork4burma
Please Join with ITN
Information & Technology Network (ITN) is an open group.
IT knowledge sharing, Solving IT problem (proxy, virus, password recovery, etc;) Questions and Answers for Myanmar (Burma) young peoples.
More Information >> http://www.facebook.com/groups/itnetwork4burma
Please Join with ITN

More info:

Published by: HRmyanmar on Aug 14, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

01/11/2012

pdf

text

original

 
HTML မိ တ္ဆက္
 ယေန႕အခါမွ ာ Internet ဟာအလြန္ က်ယ္ ျပန္႕လာျပီ း လူ တိ  ုင္ းနီ းပါးအသံ  ု းျပဳၾကေပသည္။ ကၽြန္ေတာ္ တိ  ု႕ေတြ ဟာလည္ း In
-
ternet ေပၚမွ ာ ကိ  ု ယ္ ပိ  ုင္ေနရာမ်ားကိ  ုကိ  ု ယ္ ပိ  ုင္Homepage မ်ားကိ  ုအလြ ယ္ တကူယူေဆာင္ႏိ  ုင္ေလျပီ။ Internet ဆိ  ု တာကိ  ု  အက်ယ္ရွင္ းမေနေတာ့ ပါဘူ း။ အလြ ယ္ရွင္ းရရင္ေတာ့Internet ဆိ  ု တာ ကမာၻေပၚရိ  ွႏိ  ုင္ငံအခ်င္ းခ်င္ း ခ်ိ တ္ဆက္ ထားေသာ Network ကြန္ ယက္ ၾကီ းတစ္ခု ျဖစ္ ပါသည္။ အဲဒီ လိ  ုInformation ေတြဖလွ ယ္ ဖိ  ု႕အတြ က္Web Page ေတြ ကိ  ုေရးဆြ  ဲရပါတယ္ Web Page ေရးဆြ  ဲ ဖိ  ု႕ရာအတြ က္HTML ဟာ အဓိ က က်ပါတယ္။ ေရးသားထားတဲ့Web Page ေတြ ကိ  ုWeb Browser Soft
-
ware နဲ႕ ၾကည့  ္ရႈရပါတယ္။ Web Broswer Software ေတြ က Internet Explorer နဲ႕ Firefox တိ  ု႕က နာမည္ ၾကီ းေတြ ပါ။
HTML History
1989 ခု က Tim Berners-Lee နဲ႕ Rober Calliau ဟာ Research Documents ေတြ ကိ  ုပိ  ု မိ  ု ျမန္ဆန္ေကာင္ းမြန္မယ္  ့  နည္ းလမ္ းကိ  ုရွ ာေဖြခဲ  ့ ပါတယ္။ ၂ ႏွ စ္ေလာက္ ၾကာေတာ့Berners-Lee ဟာ browser ေတြ က ၾကည့  ္ရႈ ဖတ္သားႏိ  ုင္ ျပီ း Tag  မ်ားႏွင္  ့ဖြ  ဲ႕စည္ းတည္ေဆာက္ ထားတဲ  ့နည္ းပညာတစ္ခု ကိ  ုျပဳလု ပ္ႏိ  ုင္ခဲ  ့ ပါတယ္။ ထိ  ု႕ေနာက္အဲဒီtage ေတြ ထဲ မွ ာ Hyper-Link  နဲ႕ document အခ်င္ းခ်င္ းခ်ိ တ္ဆက္ႏိ  ုင္ တဲ  ့tag ေတြ ပါထည္  ့သြင္ းႏိ  ုင္ခဲ  ့ ပါသည္။ Berners-Lee ရဲ႕ နည္ းပညာကိ  ုHyber Text Markup Language ဆိ  ု တဲ  ့HTML ပါပဲ
Tag ဆိ  ု တာဘာလဲ
Tag ဆိ  ု တာကေတာ့ရိ  ု းရိ  ု း Text ေတြနဲ႕ HTML code ေတြကိ  ုခြဲ ျခားလိ  ု႕ရေအာင္ လု ပ္ ထားတာပါ။ ဘယ္ လိ  ု မ်ဳိ းလဲဆိ  ုရင္ေတာ့  <b>This is bold </b> ဆိ  ုရင္web browser နဲ႕ ၾကည့  ္ရင္စာလံ  ု းဟာ bold ျဖစ္ေနပါလိ မ္  ့ မယ္။ အဲဒီ မွ ာ <b> နဲ႕ </b>  တိ  ု႕ဟာ tag ေတြ ပါ။ အမ်ားအားျဖင္  ့tag ေတြ ဟာ အဖြင္  ့နဲ႕ အပိ တ္ ပါ ပါတယ္။ အပိ တ္ဆိ  ုရင္/ ေလးခံ ထားေပးရပါတယ္
HTML အတြ က္Editor
HTML အတြ က္Editor ေတြ IDE ေတြအမ်ားၾကီ းရိ  ွ ပါတယ္။ ကၽြန္ေတာ္ ကေတာ့Dreamweaver အၾကိဳက္ဆံ  ု းပါပဲ သူ က HTML မတတ္ရင္ေတာင္Website တစ္ခုဆြ  ဲ လိ  ု႕ရပါတယ္။ ဒါေပမယ္  ့Dreamweaver ကိ  ုသံ  ု းရင္ေတာ့HTML code ေတြသိ လာမွ ာ မဟု တ္သလိ  ုတျခား website ေတြ ကိ  ုျပင္ရတာလည္ းခက္ ပါလိ မ္  ့ မယ္။ ကၽြန္ေတာ္ တိ  ု႕ေတြ သူ မ်ားေတြေပးထားတဲ  ့website template ကိ  ု ျပင္ခ်င္ တယ္။ ကိ  ု ယ္ ပိ  ုင္ေသေသခ်ာခ်ာ HTML code ေတြ ကိ  ုသိခ်င္ တယ္ ဒါဆိ  ုရင္ေတာ့ေလ့ လာကာစမွ ာ Notepad သံ  ု းျပီ းေလ့ လာပါ။ ေလ့ က်င္  ့ ပါ။ HTML က web site ဆြ  ဲရတဲ  ့အထဲ မွ ာ အလြ ယ္ဆံ  ု းနဲ အေျခခံအက်ဆံ  ု းပဲ။ သူ႕ကိ  ုေသေသခ်ာခ်ာနားလည္ ထားမွတျခား web programming ေတြ ျဖစ္ တဲ့PHP, ASP.NET , JSP , Ruy On Rail တိ  ု႕မွ ာ အေထာက္အကူ ျဖစ္ မွ ာပါ။
HTML For Web Design Suit HTML မိ တ္ဆက္Page 1
 
HTML ကိ  ုေလ့ လာမယ္
1.Starting To Creat and Edit WebpageNotepad ျဖင္  ့ စတင္ ျခင္ း
၁. Windows Key + R ကိ  ုႏိ  ွ ပ္ လိ  ု က္ ပါ။ Run Dailog Box တက္ လာပါမည္။ ထိ  ု႕ေနာက္notepad လု  ိ႕ရိ  ု က္ လိ  ု က္ ပါ။  ျပီ းလွ ်င္OK ကိ  ုႏိ  ွ ပ္ လိ  ု က္ ပါ။ ဒါဆိ  ုရင္notepad တက္ လာပါလိ မ္  ့ မယ္  ၂. Notepad ထဲ တြင္Format ေအာက္ က word warp ကိ  ုcheck လု ပ္ ထားပါ ။ ဘာျဖစ္ လိ  ု႕လည္ းဆိ  ုရင္ေတာ့Word Warp  က Notepad မွ ာစာရိ  ု က္ တာ ျပည္  ့သြားရင္  ေအာက္ တစ္ေၾကာင္ း ဆင္ းသြ ားရန္အတြ က္   ျဖစ္သည္HTML စတင္ေရးသားျခင္ း၁. Notepad ထဲ တြင္အခု လိ  ုေရးသားလိ  ု က္ ပါ။ <html><head><title>This is title</title></head><body>This is body</body></html>HTML နဲ႕ စျပီ း HTML နဲ႕ျပန္ ပိ တ္ရပါတယ္။ အဲဒီ ၾကားမွ ာ html code ေတြေရးရပါတယ္။ Head Tag နဲ႕ Head Tag အပိ တ္ ၾကားတြင္Title  ထည္  ့ ထားသည္ ကိ  ုေတြ႕ရမည္။ Title သည္Browser ၏ ထိ ပ္bar တြင္ေတြ႕ျမင္ရန္ ျဖစ္သည္။ Body အဖြင္  ့နဲ႕ အပိ တ္ ၾကားမွ ာ  မိ မိ၏ ႏွ စ္သက္ရာ စာမ်ားေရးသားႏိ  ုင္သည္
HTML For Web Design Suit HTML ကိ  ုေလ့ လာမယ္ Page 2
 
 ၂. အဲဒါကိ  ုတေနရာ မွ ာ save သြင္ းလိ  ု က္ ပါ။ Save Dialog box တက္ လာရင္letype ကိ  ုAll le လိ  ု႕ေပးလိ  ု က္ ပါ။ le name ကိ  ုrstrun.html လိ  ု႕ေပးလိ  ု က္ ပါ။ rstrun သည္မိ မိ၏ ႏွ စ္သက္ရာ နာမည္ေပးႏိ  ုင္သည္။ .html သည္le extension  ျဖစ္သည္။ HTML ေရးထားေသာ page မ်ားကိ  ု.html ႏွင္  ့.htm လိ  ု႕ေပးမွသာ browser တြင္ေပၚပါလိ မ္  ့ မည္ ၃. Save သြင္ းလိ  ု က္ေသာ le လမ္ းေၾကာင္ းကိ  ုသြ ားလိ  ု က္ ပါ ။ rst.html le ေလးကိ  ုdou
-
ble click လု ပ္ ျပီ း ဖြင္  ့ လိ  ု က္ ပါ ။ ဒါဆိ  ုpage ေလးတစ္ခု တက္ လာတာကိ  ုျမင္ရပါမယ္  ထိ ပ္ ပိ  ုင္ းတြင္File ပတ္ လမ္ းေၾကာင္ းကိ  ုaddress bar တြင္ေတြ႕ရမည္ ျဖစ္သည္။ title tag ထဲတြင္ေရးထားေသာ This is tile ဆိ  ုေသာ စာကိ  ုWindos ၏ Title bar ႏွင္  ့  Tab Title bar တိ  ု႕တြင္ေတြ႕ရမည္။ Body tag ထဲတြင္ေရးထားေသာ This is body ဆိ  ုေသာ စာသားကိ  ုစာမ်က္ႏွ ာအျဖဴေပၚတြင္ေပၚေနသည္ ကိ  ုေတြ႕ရမည္ ျဖစ္သည္  ျပင္ မယ္ဆိ  ုရင္ေတာ့  IE7 မွ ာဆိ  ုရင္ Page > View Source ကိ  ုႏိ  ွ ပ္ လိ  ု က္ ပါက Notepad နဲ႕ ကိ  ု ယ္ေရးထားတဲ  ့HTML ပြင္  ့ လာပါမယ္ IE 6 မွ ာဆိရင္ View > Source ကိ  ုႏိ  ွ ပ္ လိ  ု က္ ပါက Notepad နဲ႕ ကိ  ု ယ္ေရးထားတဲ့HTML ပြင္  ့ လာပါမယ္ အဲဒီ မွ ာ ေရးထားတဲ  ့codeေတြ ကိ  ုဖတ္ႏိ  ုင္သလိ  ုကိ  ု ယ္  ့ စက္ ထဲ မွ ာေရးထားတဲ  ့page ဆိ  ုရင္ေတာ့ျပင္ ျပီ း တစ္ခါတည္ း save  လု ပ္ႏိ  ုင္ ပါတယ္။ Internet ေပၚက Web site ေတြ ကိ  ုေတာ့view > source ကေနဖြင္  ့ ျပင္ ျပီ း save လု ပ္ လိ  ု႕မရပါဘူ း။
HTML For Web Design Suit HTML ကိ  ုေလ့ လာမယ္ Page 3

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->