Oh! You come to my blog. Welcome....
HTML မွာ Static HTML နွစ္ Dynamic HTML ဆိုျပီးနွစ္မ်ိဳး၇ိွပါတယ္။ Internet Web Pages ေပၚတြင္ ပံုေသလြင့္ထားရေသာအခ်က္လက္မ်ားပါင္သည့္ ဖိုင္အမ်ိဳးစားကို Static HTML လို႕ပါတယ္။ Multimadia CD အမ်ားစုကိုေတာ့ Statis HTML နဲ႕ေရးနိုင္ပါတယ္ ။အီလက္ထေရာနစ္ ကူသန္းေရာင္းဝယ္ေရးျပဳလုပ္သည္ Super Market Stroe ဆိုင္မ်ား၊ဘဏ္လုပ္ငန္းမ်ား၊မိုးေလဝသသတင္းမ်ား အခ်ိန္နဲ႕အညီေျပာင္းလဲမူရိွေနေသာ Web pages Files မ်ားကို Dynamic HTML File ဟုေခၚသည္။ ၄င္းကို Web Server မ်ားေပၚတြင္အလြယ္ တကူ Update ျပဳလုပ္နိုင္ေအာင္ Database မ်ားအားအသံုးျပဳ ေရးသားၾကသည္။အခ်ိဳ႕ဖိုင္မ်ားကို
Active Server Pages (ASP) File မ်ားဟုေခၚသည္။HTML ေလ့လာမယ္ဆိုရင္ ဒီ Notpead ++ ကို အရင္ Runလိုက္ပါ။ေတာ္ေတာ္ေလးဆံုတဲ့ေဆာ့ဝဲေလးပါ။ HTML သာမက က်န္ေသာ program ေတြကိုလဲ Run နိုင္ပါတယ္။ တစ္ခုေလး Runရံုနဲ႕က်န္တဲ့ program ေတြပါ ေလ့လာလို႕ရပါတယ္။ ဒီမွာ ေဒါင္းလိုက္ပါ။
ေအာက္ကဇယားပါထပ္ၾကည့္လိုက္ပါဦးဗ်ာ
အေသးစိတ္ရွင္းျပစရာမလိုေလာက္ေတာ့ပါဘူး၊စာကိုၾကည့္သာနဲ႕ ဘာကိုဆိုလိုတယ္ဆိုတာ သေဘာေပါက္မယ္လို ထင္ပါတယ္။အစားထိုးျပီးေလ့က်င္တာ ပိုျပီးနားလည္လြယ္ပါတယ္။ ေရးရမွာပ်င္းတယ္ဆိုရင္ ေရးထားတာေလးေတြကို Notepad မွာ Copy ၊ Paste လုပ္ျပီးသံုးၾကည့္လိုက္ပါ။
Heading တြင္ level(6) ခု၇ိွပါတယ္။<h7></h7> ထည့္ေပါင္းပါက (၇)နွစ္မ်ိဳးျဖစ္ပါတယ္၊တစ္မ်ိဳးစီမွာ ပံုမွန္အရြယ္စားရိွပါတယ္။ေအာက္မွာၾကည့္ၾကည့္ပါဦး-
html ဖိုင္နဲ႔ေစ့လိုက္ရင္ ေအာက္ကပံုစံေလးေပၚလာပါလိမ္မယ္-
ဇယားေလးေတြကိုယွဥ္ၾကည့္ရင္ သေဘာေပါက္သြားမွာပါ။
Body
body ရဲ႕ boundry ကို သတ္မွတ္ၾကမယ္၊ code ေတြကိုၾကည့္တာနဲ႕သိမွာပါ။
Web Browser ျဖစ္သည္ Internet Explorer (သို႕) Netspace Communicator စသည္တို႕အား ဘာလုပ္ရမည္ ဆိုသည္ကို ေျပာျပ(ညြန္းၾကား)သည္ သေကၤတ အစုအေဝးျဖစ္ပါသည္။ HTML သည္ စာသား Format လုပ္ျခင္း၊မ်ဥ္းေၾကာင္းမ်ား ထည့္သြင္းျခင္း၊ရုပ္ပံုမ်ား၊အသံမ်ားနွင့္ ရုပ္ရွင္မ်ားအာ ေပါင္းထည့္ ျပီး File တစ္ခုအတြင္း သိမ္းဆည္းနိုင္ရန္ ခြင့္ျပဳေပးျပီး ၎ကို HTML File (Internet Document)ဟုတ္ေခၚသည္။
HTML သည္ Internet Web pages( အင္တာနက္ေပၚရိွ စာမ်က္နွာမ်ား) ကိုေရးသားသည့္ language တစ္ခုျဖစ္ပါသည္။ Internet Technology အသံုးျပဳျပီး Data(information ) မ်ားအား ဖလွယ္မႈလုပ္ရာတြင္ Web page မ်ားသည္ အဓိက်ပါတယ္။ HTML အား သာမန္ Text Editor ကို အသံုးျပဳျပီး ေရးသားနိုင္ပါတယ္။ HTML ကိုေလ့လာသူတစ္ဦးအေနျဖစ္ Notepad ကဲ့သို႕ေသာ Plain Text Editor တစ္ခုခုျဖစ္ စတင္ေရးသားလ်ွင္ ေကာင္းပါသည္။ အဘယ္ေၾကာင့္ဆိုေသာ HTML Editor မ်ားသည္ HTML code (tag ) သေဘာတရားမ်ားကို နားလည္ရန္လိုပါတယ္။ ထို႕အျပင္ Internet Communication Line မ်ားျဖစ ္ အသံုးျပဳျပီးခ်ိတ္ဆက္ျပဳလုပ္ထားရာ အခ်က္လက္မ်ား အေပးအယူျပဳလုပ္ရာတြင္ Data ပမာဏ (Byte) အနည္းဆံုးျဖစ္ေလ ပိုျပီးျမန္ေလျဖစ္ပါသည္။ သို႕ရာတြင ္ HTML Editor မ်ားသည္ ေကာင္းမြန္လယ္ ကူသည္ Feature မ်ားပါရိွသျဖင့္ Multimedia Persentation မ်ားပါဝင္သည့္ Web page စသည္မ်ားကို လ်ွင္ျမန္စြာ ဖန္းတီးလိုပါက အသံုးျပဳနိုင္ပါသည္။
HTML မွာ Static HTML နွစ္ Dynamic HTML ဆိုျပီးနွစ္မ်ိဳး၇ိွပါတယ္။ Internet Web Pages ေပၚတြင္ ပံုေသလြင့္ထားရေသာအခ်က္လက္မ်ားပါင္သည့္ ဖိုင္အမ်ိဳးစားကို Static HTML လို႕ပါတယ္။ Multimadia CD အမ်ားစုကိုေတာ့ Statis HTML နဲ႕ေရးနိုင္ပါတယ္ ။အီလက္ထေရာနစ္ ကူသန္းေရာင္းဝယ္ေရးျပဳလုပ္သည္ Super Market Stroe ဆိုင္မ်ား၊ဘဏ္လုပ္ငန္းမ်ား၊မိုးေလဝသသတင္းမ်ား အခ်ိန္နဲ႕အညီေျပာင္းလဲမူရိွေနေသာ Web pages Files မ်ားကို Dynamic HTML File ဟုေခၚသည္။ ၄င္းကို Web Server မ်ားေပၚတြင္အလြယ္ တကူ Update ျပဳလုပ္နိုင္ေအာင္ Database မ်ားအားအသံုးျပဳ ေရးသားၾကသည္။အခ်ိဳ႕ဖိုင္မ်ားကို
Active Server Pages (ASP) File မ်ားဟုေခၚသည္။HTML ေလ့လာမယ္ဆိုရင္ ဒီ Notpead ++ ကို အရင္ Runလိုက္ပါ။ေတာ္ေတာ္ေလးဆံုတဲ့ေဆာ့ဝဲေလးပါ။ HTML သာမက က်န္ေသာ program ေတြကိုလဲ Run နိုင္ပါတယ္။ တစ္ခုေလး Runရံုနဲ႕က်န္တဲ့ program ေတြပါ ေလ့လာလို႕ရပါတယ္။ ဒီမွာ ေဒါင္းလိုက္ပါ။
Notepad ကို Save တဲ့အခါ (*.html (or) *.htm ျဖစ္ေစ့ပါ။
HTML Tags ေရးထံုးမ်ား
<html></html>
<title></title>
<head></head>တြင္ နံပါတ္ေတြေပးျပီးေရးနိုင္ပါသည္။
<body></body>
| <html> <head> <title>My WebPage!</title> </head> <body> Hello World! All my content goes here! </body> </html> |
ေအာက္ကဇယားပါထပ္ၾကည့္လိုက္ပါဦးဗ်ာ
HTML head Elements
| Tag | Description |
|---|---|
| <head> | Defines information about the document |
| <title> | Defines the title of a document |
| <base /> | Defines a default address or a default target for all links on a page |
| <link /> | Defines the relationship between a document and an external resource |
| <meta /> | Defines metadata about an HTML document |
| <script> | Defines a client-side script |
| <style> | Defines style information for a document |
အေသးစိတ္ရွင္းျပစရာမလိုေလာက္ေတာ့ပါဘူး၊စာကိုၾကည့္သာနဲ႕ ဘာကိုဆိုလိုတယ္ဆိုတာ သေဘာေပါက္မယ္လို ထင္ပါတယ္။အစားထိုးျပီးေလ့က်င္တာ ပိုျပီးနားလည္လြယ္ပါတယ္။ ေရးရမွာပ်င္းတယ္ဆိုရင္ ေရးထားတာေလးေတြကို Notepad မွာ Copy ၊ Paste လုပ္ျပီးသံုးၾကည့္လိုက္ပါ။
Heading
Heading တြင္ level(6) ခု၇ိွပါတယ္။<h7></h7> ထည့္ေပါင္းပါက (၇)နွစ္မ်ိဳးျဖစ္ပါတယ္၊တစ္မ်ိဳးစီမွာ ပံုမွန္အရြယ္စားရိွပါတယ္။ေအာက္မွာၾကည့္ၾကည့္ပါဦး-
<body>
<h1>Headings</h1>
<h2>are</h2>
<h3>great</h3>
<h4>for</h4>
<h5>titles</h5>
<h6>and subtitles</h6>
</body> |
html ဖိုင္နဲ႔ေစ့လိုက္ရင္ ေအာက္ကပံုစံေလးေပၚလာပါလိမ္မယ္-
Headingsaregreatfortitlesand subtitles |
ဇယားေလးေတြကိုယွဥ္ၾကည့္ရင္ သေဘာေပါက္သြားမွာပါ။
Body
body ရဲ႕ boundry ကို သတ္မွတ္ၾကမယ္၊ code ေတြကိုၾကည့္တာနဲ႕သိမွာပါ။
<body topmargin="50">
<body leftmargin="50">
<body text="red" > or <body text="rgb(255,0,0)" >
<body link="white" vlink="black" > or <body link="rgb(255,255,255)"
vlink="rgb(0,0,0)" >
No comments:
Post a Comment