ပထမပိုင္း
ဒါေလးကေတာ့ မသိေသးတဲ့သူ ေတြ
အတြက္ ရည္ရြယ္ ျပီးေတာ့ တင္းေပးထား တာပါ။ အရမ္းေတာ္ လို႔တတ္ လို႔မဟုတ္ပါဘူး ကိုယ့္တတ္
သိထားတဲ႔ ပညာကို တျခားသူကို ျပန္လည္ ေ၀မွ်တဲ႔ သေဘာပါ။ အားလံုးကို တတ္ေစ ခ်င္ပါတယ္။
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 ကိုေလ့လာမယ္
1.Starting To Creat and Edit Webpage
Notepad ျဖင့္စတင္ျခင္း
၁. 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 အဖြင့္ နဲ႕ အပိတ္ၾကားမွာ မိမိ၏ ႏွစ္သက္ရာ
စာမ်ားေရးသားႏိုင္သည္ ။
၂. အဲဒါကို ကိုၾကိဳက္ တဲ႔ေနရာ မွာ save သြင္းလိုက္ပါ။ Save Dialog box
တက္လာရင္ filetype ကို All file လို႕ေပးလိုက္ပါ။ file name ကို yourname.html လို႕ေပးလိုက္ပါ။ yourname သည္
မိမိ၏ ႏွစ္သက္ရာ နာမည္ေပးႏိုင္သည္။ .html သည္ file extension ျဖစ္သည္။ HTML ေရးထားေသာ page မ်ားကို
.html ႏွင့္ .htm လို႕ေပးမွသာ browser တြင္ ေပၚပါလိမ့္မည္။
၃. Save သြင္းလိုက္ေသာ file လမ္းေၾကာင္းကို သြားလိုက္ပါ ။ first.html file
ေလးကို double 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
လုပ္လို႕မရပါဘူး။
Header Tag
notepad ထဲမွာ ဒီလိုရိုက္လိုက္ပါ
<html>
<head>
<title>Example Of Header</title>
</head>
<body>
<h1>This is Header</h1>
This is normal text
</body>
</html>
အဲဒီ code ေလးကို notepad ထဲမွာထည့္ေရး.. ျပီးေတာ့ run ၾကည့္လိုက္ပါ။ Head Tag က
h1 ကေန h6 အထိ ရိွပါတယ္။ နံပါတ္ၾကီးေလေလ ေသးသြားေလေလပဲ။ h6 ဆိုအေသးဆံုးကို ေရာက္သြားျပီ။ ကဲ
လက္ေတြ႕ စမ္းၾကည့္ရေအာင္။ notepad ထဲမွာ ေအာက္ကလို ရိုက္ျပီး save လုပ္လိုက္။ ျပီးရင္ ဖြင့္ၾကည့္လိုက္ရင္
ေတြ႕ရပါလိမ့္မယ္။
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
</body>
</html>
အခုဆို html အေၾကာင္းနည္းနည္း နားလည္လာေလာက္ပါျပီ။ တကယ္တန္းေတာ့ မခက္ပါဘူး။ ဒါကအစပ ဲ
ရိွပါေသးတယ္။ ဒီေလာက္ေလးန႕ဲ ပင္ စာေတြပဲပါတ့ ဲ page တစ္ခုေရးလို႕ရေနျပီ။
ဘယ္ code ပဲေရးေရး <html><head><title></title></head><body></body></html>
သူတို႔ေတြကို ထည့္ေပးပါ ေနာက္ ပိုင္းတြင္ ကၽြန္ေတာ္ အေရွ့မွာ ရွင္းျပျပီး ျပီ မို သူတို႔ေတြကို ထပ္မ
ထည့္ေတာ့ ပါဘူး။
Alignment(စာအေန အထားခ်ိန္ ျခင္း)
Alignment မွာ Left, Right, Center, Justify ဆိုျပီးေတာ့ ရွိပါတယ္။
(ဥပမာ) notepad ထဲမွာ <h1 align=”center”>Example</h1> လို႔ရိုက္ျပီး save လုပ္လုိက္ပါ။
ျပီးရင္ save file ကို run လုိက္ပါ။ စာလံုးက အေရွ့မွာ ကၽြန္ေတာ္ တို႔ ရိုက္ထား သလို စာလံုးက ၾကီး
ေပမယ့္ အလယ္ကုိ ေရာက္သြား တာကိုေတြ႔ ရမွာပါ။ အနီ ေရာင္နဲ႔ ေရးထားတဲ႔ေနရာမွာ ကိုယ့္ ၾကိဳက္
သလိုေျပာင္းလဲ ေရးသားႏိုင္ပါတယ္။ သတိ - h1 နဲ႔ align ၾကားမွာ space တစ္ခ်က္ ျခားရပါ့မယ္။
Paragraph (စာပိုဒ္ ေရးသားျခင္း)
Website ေတြမွာ စာပိုဒ္ေတြ ပါတဲ႔ webpage ေတြကို ေတြ႔ဖူးပါလိမ့္မယ္ စာပိုဒ္ေတြ ကညီ ျပီးေတာ့
ၾကည့္လို႔ ေကာင္းပါတယ္။ အဲ႔ဒီလိုေလး ေရးခ်င္တယ္ ဆိုရင္ေတာ့.........
<p align=”justify”>ဒီေနရာမွာ စာပိုဒ္ေရးပါ</p> ဒီလိုေလး ေရးျပီးေတာ့ save လုပ္လုိ္က္ပါ။
<p align=”justify”></p> နဲ႔ ေရးမယ္ဆို ရင္ေတာ့ သူက စာပိုဒ္တစ္ပိုဒ္ ခ်င္းကို ပဲညီ ေအာင္ လုပ္
ေပးျပီး ေနာက္ စာပိုဒ္ေတြ ကိုဆက္ေရးလို႔မရပါဘူး။ ေနာက္စာပိုဒ္ေရးမယ္ ဆိုရင္ ေတာ့အစက
<p align=”justify”> နဲ႔စ ျပီးေတာ့ ျပန္ေရးရပါ့မယ္ ျပီးရင္ </p> နဲ႔ ျပန္ပိတ္ ပါ.....
ေနာက္တစ္မ်ိဳးကေတာ့.....
<div align=”justify”>ဒီေနရာမွာ စာပိုဒ္ေရးပါ</div> ျပီးရင္ save လိုက္ပါ။
<div align=”justify”></div> နဲ႕ ေရးမယ္ဆို ရင္ေတာ့ သူက စာပိုဒ္ေတြအားလံုးကို ညီေအာင္လုပ္
ေပးပါတယ္။ တစ္ပိုဒ္ျပီး ရင္တစ္ပိုဒ္ကို <br> ခြဲျပီးေတာ့ ေရးရပါ့မယ္။ <br> ဆိုတာကေတာ့
စာေၾကာင္းတစ္ေၾကာင္း (သို႔) စာတစ္ပိုဒ္နဲ႔တစ္ပို္ဒ္ ကို ခြဲျခားျပီးေရးတာပါ။ စာတေၾကာင္းေရးျပီး
<br> ထည့္ေနာက္တစ္ ေၾကာင္းေရးၾကည့္လိုက္ပါ ေအာက္ကိုဆင္းသြားတာကိုေတြ႔ ရပါလိမ့္...ဒီ
လိုပါပဲ <div align=”justify”>............<br>
...........................................<br>
ျပီးရင္ေတာ့ </div> ျပန္ပိတ္ ပါ။
ဒီေလာက္ဆို ရင္ေတာ့ html အေျခခံနဲ႔ ပတ္သက္ျပီး ေတာ္ေတာ္ေလး သိေလာက္ျပီထင္ပါတယ္ ။
စိတ္၀င္းစားသူမ်ားကေတာ့ ဖတ္ျပီးရင္ စမ္းၾကည့္ပါလို႔ မွာေစခ်င္ပါတယ္။ စမ္းသပ္တာကေတာ့
ေကာင္းတဲ့အလုပ္ပါ။ code ေတြကို ေရးရတာေပ်ာ္ လာပါလိမ့္မယ္။ ကိုယ္ဖန္းတီးထားတဲ့ webpage ေလးကိုၾကည့္ ျပီးေတာ့ ၾကည္ႏူးလာပါလိမ့္မယ္။ ေပ်ာ္စရာေကာင္းပါတယ္..........
ဒုတိယပိုင္းနဲ႔တတိယပိုင္းဖက္ရႈဖို႔အေကာင့္ေလးကိုfollowေလးဒါမွမဟုက္addထားေပးပါ
like & share please !HTML basic (ဒုတိယ ပိုင္း)
ပထမပိုင္းကိုေသခ်ာနားလည္ျပီဆိုမွဒုတိယပိုင္းဖက္ပါမဟုက္ရင္လည္ေနပါလိမ့္မယ္
ေျပာ ေနၾကာတယ္ ဒုတိယ ပိုင္းကို ခပ္ သြက္သြက္
ေလးသြားလိုက္ေတာ့မယ္........
Horizontal lin <hr> မ်ဥ္းတားျခင္း.........
ဒါေလးကေတာ့ မိမိ webpage မွာ လိုင္းေလ ေတြတားခ်င္တယ္ ဆိုရင္ေတာ့...............
<hr color=red> ဒါကေတာ့ color အတြက္ပါ.......
<hr size=5> ဒါကေတာ့ လိုင္းရဲ႕ ဆိုဒ္ပါ......... ဒီ အထဲ မွာ အက်ယ္ကိုလဲ ထည့္လို႔ရပါေသးတယ္.
<hr color=red size=5 width=50%> ဒါကေတာ့ အက်ယ္ ကိုထည့္လုိက္တာပါ .....
ဒါေလးေတြကုိ notepad ထဲ ထည့္ျပီးေတာ့ run ၾကည့္လိုက္ပါ ကြဲ ျပားသြားတာကိုေတြ႔ ရပါလိမ့္မယ္..
Attribute <4> .............
ဒါကေတာ့ code ေတြ ထဲမွာ ထည့္ျပီး သံုးလို႔ ရတာေလးေတြပါ.......
(1) size
(2) color
(3) width
(4) Align
color ရဲ႕ ေနာက္ မွာ(၂) မ်ိဳးလိုက္ပါတယ္...
(1) color ကို rgb(...,...,..) ဒီလိုလဲ ေရးလို႔ ရသလို..
(2) color cote (စိတ္ၾကိဳက္) # နဲ႔ေရး လဲ ရတယ္...
# ေနာက္မွာ Character 6 လံုးထိ လိုက္လို႔ရတယ္...
(ဥပမာ) color=#FUSVLA
color=#298410
A to Z (ဒါမွမဟုတ္) 1 to 9 အထိလဲ ရွိပါတယ္ ၾကိဳက္တဲ႔ code နဲ႔ ေရးလို႔ပါတယ္။
Background color ( ေနာက္ခံအေရာင္ထည့္ျခင္း)<bg color>
<html>
<body bgcolor=blue></body>
</html>
color code ကိုေတာ့ ကၽြန္ေတာ္ အေပၚ မွာ ေဖာ္ျပထားတဲ႔ အတိုင္း ေရးလုိက္ပါ။ color ေတြကို
အေရာင္နာမည္ နဲ႔ လည္းထည့္လို႔ ရပါတယ္။
Character Emphasis (စာအေနအထားျပင္ျခင္း)
<b>Bold</b> စာလံုးကို ထူေအာင္လုပ္တဲ႔ code ပါ။
<i>Itilic</i> စာလံုး အေစာင္းေလးေတြ လုပ္တဲ့ code ပါ။
<u>Under</u> underline ေလးတားတာပါ။
<strong>Strong</strong> ဒီေကာင္က bold နဲ႔ တူပါတယ္။
<cite>Cite</cite> ဒီေကာင္လဲ itilic နဲ႔တူပါတယ္။
<em>Exphasis</em> သူလဲ အေစာင္း code ေလးပါ။
<strike>Strikethrough</strike> စာလံုးေတြကို ဖ်က္ခ်င္တဲ႔ အခါ သံုးပါတယ္။
<big>Bigger</big> ပံုမွန္ထက္ ပိုၾကီးပါတယ္။
<small>Smaller</small> ပံုမွန္ထက္ ပိုေသးပါတယ္။
<tt>Type writen text</tt> သူကေတာ့ font မပါပဲ text သီးသန္းေရးတာပါ။
<scrp>Superscript</scrp> သူကေတာ့ စာလံုးေတြကို ေပၚတင္တာပါ။(ဥပမာ-2nd)ဒီလိုပါ။
<sub>Subscript</sub> သူက စာလံုးကိုေအာက္ ကို ခ်တဲ့ေကာင္ပါ။(ဥပမာ-H2o)အဲ့လိုပါ...
List (Number and Bullets) တပ္ျခင္း
list မွာ order list နဲ႔ unorder list ဆိုျပီးေတာ့ ႏွစ္မ်ိဳးရွိပါတယ္။
Order list ကေတာ့ နံပါတ္ေတြကို တပ္တဲ႔ list ပါ...
ကၽြန္ေတာ္ တို႔ တစ္ခုေလာက္ ေရးၾကည့္ ရေအာင္ဗ်ာ.........
1.Chapter One
2.Chapter Two ကိုေရးၾကည့္ရေအာင္............
<ol type=1>
<li>Chapter One</li>
<li>Chapter Two</li>
</ol>
ဒါဆိုရပါ ျပီ.............(1) ေနရာမွာ မိမိ စိတ္ၾကိဳက္ နံပါတ္ ေျပာင္းလို႔ရပါတယ္..A တို႔ I,II,III တို႔လို
ေျပာင္းလို႔ ရပါတယ္..
unorder list ကေတာ့ သေကၤတ တပ္ျခင္းပါ.....<ul>..</ul>
သူ႔ မွာေတာ့ (၃) မ်ိဳးရွိပါတယ္......
dist ရယ္ circle ရယ္ square ဆိုျပီးေတာ့ (၃)မ်ိဳးရွိပါတယ္............
. One
. Two
. Three ကိုေရး ၾကည့္ရေအာင္........
<ul type=dist>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
ဆိုရင္ေတာ့ ရပါျပီ.........
ဒါဆိုရင္ေတာ့ စာေလးေတြကို list ေလးေတြ တပ္ျပီးေတာ့ ေရးလို႔ ရျပီေပါ့.. အားလံုး အဆင္ေျပမယ္
လို႔ ေမွ်ာ္လင့္ပါတယ္..
တတိယပိုင္းမျကာမီလာမည္ေပါ့
like & share
Html basic (တတိယ ပိုင္း)
အခုေတာ့ ဖတ္လိုက္ပါဦး....ျပီးရင္စမ္းၾကည့္ေပါ့ဗ်ာ့...
Virus အႏ ၱရယ္ေတာ့ သတိထားေပါ့...ကၽြန္ေတာ္လဲ အဲ့ဒါ နဲ႔ ခံစားခဲ႔ ရတာေလ.....ဖတ္ၾကည့္လိုက္ပါဦး...
Image (ပံုတင္ ျခင္း)....
Webpage ေတြမွာ ပံုေလးေတြတင္ထား တာကိုေတြ႔ ဖူးၾကပါလိမ့္မယ္....website တစ္ခုမွာ ပံုကလဲ အေရးပါပါ
တယ္...ႏို႔မို႔ဆို plane ၾကီးျဖစ္ေနမွာေပါ့...ဒီေတာ့ ကိုယ္ႏွစ္သက္တဲ႔ ပံုေလးေတြကို ထည့္ရေအာင္ ဒီ code
ေလးေတြကို သံုးေပါ့ဗ်ာ..
<img src=“ ဒီေနရာမွာ URL ထည့္ ရမယ္ ”> src ကေတာ့ ပံု ရဲ႕ source ေပါ့ဗ်ာ..
ပံုေတြကို အလယ္ပို႔ခ်င္ရင္ <center><img src=“ ဒီေနရာမွာ URL”></center>
ပံုေတြကို ျခားခ်င္ရင္ hspace=“ ကိုယ္ၾကိဳက္သေလာက္ထည့္ ” ဒါကေတာ့ အလ်ားလိုက္ေပါ့...
Vspace=“ ကိုယ္ၾကဳက္သေလာက္ထည့္ ” ဒါကေတာ့ ေဒါင္လုိက္ေပါ့....
သူတို႔ ကို URL ရဲ႕ေနာက္မွာ ထည့္ေပးရပါ့မယ္...
(ဥပမာ...<img src=“ ဒီေနရာမွာ URL” hspace=“ ကိုယ္ၾကိဳက္သေလာက္ထည့္ ” >) ဒီလိုေရးရပါ့မယ္...
ပံုကို ေဘာင္ခပ္ ခ်င္ရင္..<img src= “ ဒီေနရာမွာ URL ထည့္ ရမယ္ ” border=“1”>
Border ကို 0,1,2 ဆိုျပီးေတာ့ .. ထည့္ႏိုင္ပါတယ္...
မွတ္ခ်က္... ပံုတင္တဲ႔ file type ေတြကေတာ့..gif, jpg, jepg, png တို႔ကိုသာ တင္လို႔ရပါတယ္......
Table....
Webpage တစ္ခု အတြက္ table ကလဲ မရွိမျဖစ္ပါပဲ ..စာေတြကို table ထဲထည့္မွာ ေသေသ သပ္သပ္
ရွိမွာ ျဖစ္ပါတယ္...
Table ဆြဲ ရာတြင္ သိထားရမွာေတြကေတာ့....
1.Table - ဆြဲရင္ row အလုိက္ေရးရမယ္...
2.Table - အကြက္ေတြကို cell ေတြလို႔ ေခၚတယ္....
3.tr = table row
4.td = table data
5.Cell ကြက္ေတြကို အကြာအေ၀းထားလိုက cell spacing
6.Cell ကြက္ေတြကို ခ်ဲ႕ရင္ cellpadding
7.Row တစ္ခုလံုးကို အေရာင္ ထည့္ရင္ <tr> မွာထည့္
8.Cell တစ္ကြက္ ျခင္းကို color ထည့္ရင္ <td> မွာထည့္ရ
9.ေခါင္းစဥ္ တပ္ရင္ <caption>
Table တစ္ခုေလာက္ ကၽြန္ေတာ္ နဲ႔ အတူတူ ဆြဲ ၾကည့္ရေအာင္....
<html>
<head><title>Table</title>
</head>
<body>
<table align=”center” border=”1” cellspacing=”0” bordercolor=”blue” cellpadding=”3”
Width=”20” height=”30”>
<tr align=”center” bgcolor=”blue”>
<td bgcolor=red> ဒီၾကားထဲ မွာ အေၾကာင္းအရာေရးပါ</td>
</tr></table>
</body></html>
ျပီးရင္ save လိုက္ေပါ့ဗ်ာ .... ဒါဆို table တစ္ခု ဆြဲျပီးသြားျပီေပါ့...
Width ကေတာ့ column နဲ႔ ဆိုင္တယ္...
Height ကေတာ့ row နဲ႔ ဆိုင္တယ္...
ဇယား ကြက္ထဲရွိ စာကိုထိပ္ကို ကပ္ရင္...
Valign=top,middle,bottom ဆိုျပီးထည့္လို႔ ရပါတယ္...
Table ဇယားကို အလြတ္ လိုခ်င္ရင္ <td> </td> ဆိုျပီးေရးပါ...
Frame..
internal frame <iframe>...</iframe>
ဒါကေတာ့ Link ေဘးမွာ သူနဲ႔ဆိုင္တဲ႔ page ကို ေပၚေစခ်င္ရင္ေရးတာပါ....
<iframe name=a>
<iframe src=”URL” name=a>
</iframe>
Attribute ....width,height တို႔ထည့္လို႔ရပါတယ္...
ကၽြန္ေတာ္ နဲ႔အတူတူ iframe တစ္ခုေလာက္ ေရးၾကည့္ရေအာင္...
<html>
<head><title>Iframe</title></head>
<body>
<a href=”URL” target=right>ဒီေနရာမွာေတာ့ ကိုယ္ၾကိဳက္တ့ဲနာမည္ေရးေပါ့</a>
<iframe name=right></iframe>
</body></html>
ဒါဆို ရပါျပီ.....
Frame.<body text မသံုးရ>
Frame ဆိုတာကေတာ့ page ကို ပိုင္းျပီးေတာ့ ေရးတာပါ....
ဥပမာ- စာမ်က္ႏွာက 100% ရွိပါတယ္ အဲ့ဒါကို frame နဲ႔ ႏွစ္ပိုင္းပိုင္းခ်င္တယ္ ဆိုရင္ 50%,50% ျဖစ္သြား
ပါလိမ့္မယ္......အဲ့ လိုေလးျဖစ္ေအာင္ေရးၾကည့္ရေအာင္....
<html>
<head><title>Frame</title></head>
<frameset rows=”50%,50%”>
<frame src=”URL” name=a>
<frame src=”URL” name=b>
</frameset>
</html>
ဒါဆို webpage မွာ 50% စီ ပိုင္းသြားပါလိမ့္မယ္......rows ကေတာ့ အလ်ားလိုက္ ပိုင္းခ်င္လို႔သံုးတာျဖစ္ပါ
တယ္...
အသံုးအမ်ားဆံုး frame ပံုစံေလးပါ....
<frameset rows=”20%,*”>
<frame src=”URL” name=a>
<frameset cols=”20%,*”>
<frame src=”URL” name=b>
<frame src=”URL” name=c>
</frameset></frameset>
</html>
ျပီးရင္ save ျပီးေတာ့ run ၾကည့္လိုက္ဗ်ာ... အဲ့ ပံုစံေလးကေတာ့ ေတာ္ေတာ္ အသံုး၀င္တယ္...
ေနာက္ဆံုးအပိုင္းကိုမျကာမွီတင္ေပးပါမည္
ေစာင့္ေမွ်ာ္အားေပးပါဦး။
No comments:
Post a Comment