1. Starting HTML
2. Text Formatting
3. Listing & Linking
4. Formatting Table
5. Frame
6. Forming
7. Sound & Video
8. Marquee

အထက္ပါေခါင္းစဥ္မ်ားကို ေခါင္းစဥ္အလိုက္ တစ္ခုခ်င္းစီ ေဆြးေႏြးသြားပါ႔မယ္ ....။

1. Starting HTML

ဒီေခါင္းစဥ္ေအာက္မွာေတာ႔ HTML ရဲ႕ အေၿခခံေတြၿဖစ္တဲ႔ ... HTML tag , Head tag , Body tag , Title , Heading , Fixed background , Paragraph and Align , Horizontal Rule စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

2. Text Formatting

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Text formatting , Pre Text , Font size , Font face , Font color , Input Graphic စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

3. Listing & Linking

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Order List , Unorder List , Definition List , Text Link , Graphic Link , Email Link , Link within Document စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

4. Formatting Table

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Table with border , Table with color Fixed Table size , Table with Border Colorlight & Dark , Table with Border Color , Table with Background Image စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

5. Frame

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Horizontal & Vertical Alignment , Span Cell Rows & Colum , Simple Frames , Frame Borders , Not Resize , Frame with Margin စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

6. Forming

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Simple Form , Buttom , Checkbox , Radio , Input Text , Password , Reset , Selection list in Forum , Multiple Slect , Text Area စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

7. Sound & Video

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Background Sound , External Sound , Background Video , External Video , Internal Video , Mouse Over for Internal Vidoe စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

8. Marquee

ဒီေခါင္းစဥ္ေလးရဲ႕ေအာက္မွာေတာ႔ Marquee , Behavior , Direction , Loop , Scrollmount , Scrolldelay စသၿဖင္႔ ပတ္သက္တာေလးေတြကို ေဆြးေႏြးသြားပါမယ္ .... ။

Notepad
Wordpad
Miscrosoft Word ....အစရွိသၿဖင္႔ Code ေတြရိုက္လို႔ရတဲ႔ ေဆာ္႔၀ဲေတြမွာ ေရးသားရမွာ ၿဖစ္ပါတယ္ ...

ဒါမွမဟုတ္ ...

InDesign
Dreamweaver
Flash
Front Page
Coldfusion အစရွိသၿဖင္႔ Webpage Create လုပ္တဲ႔ ေဆာ္႔၀ဲေတြမွာလဲ ေရးသားႏိုင္ပါတယ္ ... ။

HTML မွာ...

Capital Latter ( HTML )
Small Latter ( html ) .. ႏွစ္မ်ိဳးစလံုးကို အသံုးၿပဳလို႔ရပါတယ္ ....

ဒါေပမယ္႔ မ်ားေသာအားၿဖင္႔ ၀က္ဆိုဒ္ေတာ္ေတာ္မ်ားမ်ားရဲ႕ Source Code ေတြဟာ Small Latter ( Lower Case ) နဲ႔သာ အသံုးၿပဳၾကပါတယ္ ... ။ The World Wide Web Consotium ( W3C ) ကလည္း HTML , XHTML ( The Next Generation of HTML ) တို႔မွာ Small Latter ( Lower Case ) ကိုသာ အသံုးၿပဳၾကဖို႔ ေၿပာၾကားထားပါတယ္ ...ေနာက္ၿပီး Code ေတြ အမွားအမွန္ၿပန္စစ္တဲ႔ ေနရာမွာလဲ Lower Case က အၿမင္ပိုမိုရွင္းလင္းပါတယ္ ....ဒါေၾကာင္႔ HTML Code ေတြ ေရးတဲ႔ေနရာမွာ Smalle Latter ( Lower Case ) ေတြကိုသာ အသံုးၿပဳတာ အေကာင္းဆံုးပါ ......

ေနာက္တစ္ခု သတိထားရမွာကေတာ႔ ...ကုဒ္ေတြ ေရးတဲ႔ေနရာမွာ

Capital Latter ( HTML )
Small Latter ( html )

ႏွစ္ခုစလံုးကို အသံုးၿပဳလို႔ ရတယ္ဆိုေပမယ္႔ File name ေတြ Link name ေတြ ေပးတဲ႔အခါမွာ စာလံုးအၾကီးအေသးက အသံုး၀င္လာပါတယ္....။ တကယ္လို႔ အၾကီးအေသးမတူတဲ႔ အခါမွာ Page တစ္ခုနဲ႔ တစ္ခု Link ခ်ိတ္တဲ႔ေနရာမွာ အခက္ခဲရွိလာႏိုင္ပါတယ္ ..ဒါေၾကာင္႔ Code ေတြေရးတဲ႔အခါမွာ တစ္မ်ိဳးတည္းကိုသာ အသံုးၿပဳသင္႔ပါတယ္ ...။

Opening Notepad

Start >> Program >> Accessories >> Notepad

( OR )

Run Box မွာ notepad လို႔လဲ ေရးၿပီး ေခၚႏိုင္ပါတယ္ ... ။

How to save Notepad ?

Menu bar >>> File >> Save As>> ဆိုတာေလးကို ႏွိပ္လိုက္ရင္ Save ေဘာက္စ္ ေလးက်လာပါမယ္

....အဲဒီအခါမွာ နဲနဲေလး သတိထားၿပီး ၾကည္႔ရေအာင္ ....

Filename = Filename.html ( Filenmae = ၾကိဳက္ႏွစ္သက္ရာ နာမည္ကိုထည္႔လို႔ရပါတယ္ )
Save as Type = All files
Encoding = UTF-8 ဆိုၿပီး save ပါမယ္ ....

ဒီေနရာေလးမွာ ဘာလို႔ From ေတြ ခ်ိန္းၿပီး Save တာလဲဆိုတာေလးက ေမးစရာေလးၿဖစ္လာပါတယ္ ....ဒီတိုင္း Save ရင္ေကာ မရဘူးလား .....ရပါတယ္ ...( အဂၤလိပ္လိုေတြၾကီးပဲ ေရးထားေသာ Code ေတြအတြက္ ) ဆိုရင္ေပါ႔ ...
ဒါေပမယ္႔ ၿမန္မာေဖာင္႔ေတြပါလာၿပီ ...Zawgyi ေဖာင္႔ေတြေပါ႔ ...အဲဒီလို အခါမ်ိဳးမွာ ဒီတိုင္းသာ save လိုက္မယ္ဆိုရင္ ေနာက္တစ္ၾကိမ္ ၿပန္ဖြင္႔တဲ႔ေနရာမွာ ( Notepad ) ၿမန္မာေဖာင္႔ေတြ ေနရာမွာ .. Questionmark ( ?? ) ဆိုတာေလးေတြကိုပဲ ၿမင္ရေတာ႔မွာၿဖစ္ပါတယ္ .....ဒါေၾကာင္႔ Notepad ကို Save တဲ႔ေနရာေလးမွာ Form ေလးခ်ိန္းၿပီး Save ေပးတာ အေကာင္းဆံုးပါပဲ ....။

Webpage ေတြမွာ အသံုးၿပဳတဲ႔ HTML Extension ေတြကေတာ႔

Filename.html
Filename.htm
Filename.xml စသည္ၿဖင္႔ Extension မ်ားစြာရွိပါတယ္ ....

Dynamic Page ေတြမွာေတာ႔ ( Filename.asp ) ကို အသံုးၿပဳပါတယ္ ...

( Extension ဆိုတာကေတာ႔ Filename ေတြရဲ႕ ေနာက္မွာ ပါတဲ႔ ေနာက္ဆံုးအဆံုးသတ္ေလးေတြကို ဆိုလိုတာပါ ....)

ဥပမာ ... Taryar.html လို႔ သိမ္းထားရင္ အဲဒီဖိုင္ရဲ႕ Extension က ( html ) ၿဖစ္ပါတယ္ .....

အင္တာနက္မွာ Color ေတြကို အသံုးၿပဳတဲ႔ေနရာမွာ ...Color name ေတြ ရိုက္ထည္႔ၿပီး အသံုးၿပဳႏိုင္သလို Color Code ေတြ ရိုက္ၿပီးလဲ အသံုးၿပဳႏိုင္ပါတယ္ ...

Color name ေတြကေတာ႔

ဥပမာ .. yellow , red , blue စသည္တို႔ ၿဖစ္ၿပီး ...( color = " red " )

Color Code ေတြကေတာ႔ ....

ဥပမာ .... # sign နဲ႔ ဂဏန္းေၿခာက္လံုး ပါပါတယ္ ...... ( color = # 339900 )

( Color Code ကို အသံုးၿပဳမယ္ဆိုရင္ေတာ႔ # sign ပါကို ပါရပါမယ္ ... )

အင္တာနက္မွာ ယူနစ္ေတြကို ႏွစ္မ်ိဳးေပးလို႔ရပါတယ္ ...

pixel ( eg .. width = " 50 " )
% ( eg ...width = " 50 % " )

ဒီႏွစ္မ်ိဳးစလံုးဟာ Internet Explorer ရဲ႕ Page တစ္ခုေပၚမွာ မူတည္ေနပါတယ္ .. ။

သတိၿပဳရန္ ... . pixel ဆိုရင္ Unit ထည္႔စရာမလိုပါဘူး ... persent ဆိုရင္ေတာ႔ တန္းဖိုးရဲ႕ေနာက္မွာ Unit ထည္႔ေပးရပါမယ္ ... ။

Image ေတြ အေနနဲ႔ကေတာ႔ ....သူ႔ရဲ႕ Extension ေတြကို ဒီလို ခြဲၿခားထားပါတယ္ ...

Filename.jpg ( Photo & background image မ်ားတြင္ အသံုးမ်ားသည္ )
Filename.gif ( Solid color အမ်ားဆံုးပါတဲ႔ပံုေတြနဲ႔ Animation File ေတြမွာ အသံုးမ်ားသည္ )
Filename.png ( Photo ေကာ Animation ေတြမွာေကာ အသံုးၿပဳပါတယ္ ....ဒါေပမယ္႔ ဒီ Extension ကို Internet Explorer & Browser ေတြက Support မလုပ္ႏိုင္ေသးတဲ႔အတြက္ သူ႔ကို အသံုးနည္းပါတယ္ )

ေနာက္တစ္ခုက Sound Format ေတြအေနနဲ႔ကေတာ႔ ...

Filename.mp3
Filename.aiff
Filename.wav

Sound File Size က ပမာဏနည္းတာ အေကာင္းဆံုးပါပဲ ....

ေနာက္ဆံုးတစ္ခုကေတာ႔ Video Format ေတြ အေနနဲ႔ ....

Filename.avi
Filename.dv
Filename.mpg
Filename.mpeg
Filename.mov
Filename.wmv
Filename.asf

အစရွိတဲ႔ Extension ေတြကို အသံုးၿပဳပါတယ္ .... ။

ဒီေလာက္ဆို ... Extension ေတြ ေတာ္ေတာ္မ်ားမ်ားကို သိေလာက္ပါၿပီ ...အခုဆက္ၿပီ ....HTML ကို စၿပီး ေရးတာကို ..ဆက္လက္ေဆြးေႏြးသြားပါမယ္ ... ။