HTML ကို စမ္းလုပ္ၾကည့္ရေအာင္
HTML ႏွင့္ CSS ကို က်ေနာ္နား လည္သလိုရွင္းျပေပးပါနည္ (ဆရာၾကီးမ်ားအတြက္မဟုတ္ပါ) ခုက်ေနာ္ ဆိုဒ္ထဲမွာ Table ေလးထဲ့ျပီး Software မ်ား Download ယူရန္ႏွင့္ ဗဟုသုတ Link တိိုျပီး ဘယ္နဲ႔ ညာမွာ
Software ေတြနဲ႔ ဝက္ဆိုဒ္ Link မ်ားကို ေဘာင္အတြင့္ထဲသို႔ထားရန္ HTML Code မ်ားေပးထားျပီး ရွင္းျပေပးပါမည္။ အသံုးျပဳပံုမွာ ေအာက္ပါ Code မ်ားကိုကူးယူျပီး သင့္၏ Blogger Dashboard ထဲမွ Layout ကိုကလစ္ႏွိပ္ျပီးဝင္ပါ၊ ထို႔ေနာက္ Layout ထဲတြင္ သင္မည္္သည့္ေနရမွာ ဒီ Table ကိုမယ္ဆိုတာကိုစဥ္းစားေရြးျပီး Add Gadget မွာကလစ္ႏွိပ္ဝင္းျပီး ေပၚလာမဲ့ Box ထဲမွာ HTML/JavaScript ကိုေရြးပါ ေနာက္ထပ္ေပၚလာမဲ့ Box ထဲမွာ ေအာက္ပါ Code မ်ားကိုကူးယူျပီးထဲ့လိုက္ပါ၊ ေအာက္ပါ Table တြင့္ေလးေထာက္ေဘာင္ တစ္ခုစာသာနမူနာေပးထားပါတည္။
<style>
table,th,td
{
border:2px solid gray;
}
</style>
<table>
<tr><th>
<a href="ဝက္ဆိုဒ္လိပ္စာထဲ႔ရန္ေနရာ" target="_blank">ေခါင္းစဥ္ေနရာ</a>
</th></tr>
</table>
အထက္ပါ ပံုစံသည္ ယခုက်ေနာ္ ဆိုဒ္၏ ဘယ္ႏွင့္ညာ ဘက္တြင္ထဲထားေသာ နည္းျဖစ္သည္ ဤနမူသည္ ေအာက္ပါ ပံုစံထြက္မည္။
ဒုတိယ ပံုစံ
<head>
<style>
table,th,td
{
border:2 px solid red;
}
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
</table>
</body>
</html>
အထက္တြင္ျပထားေသာ Firstname ႏွင့္ Lasyname ေနရာကို မိမိ လိုေသာ စာသား ႏွင့္ ဆိုဒ္ထဲ့ရန္ျဖစ္သည္။ နမူသည္ ေအာက္ပါကဲ့သို႔ ေပၚမည္။
**
Software ေတြနဲ႔ ဝက္ဆိုဒ္ Link မ်ားကို ေဘာင္အတြင့္ထဲသို႔ထားရန္ HTML Code မ်ားေပးထားျပီး ရွင္းျပေပးပါမည္။ အသံုးျပဳပံုမွာ ေအာက္ပါ Code မ်ားကိုကူးယူျပီး သင့္၏ Blogger Dashboard ထဲမွ Layout ကိုကလစ္ႏွိပ္ျပီးဝင္ပါ၊ ထို႔ေနာက္ Layout ထဲတြင္ သင္မည္္သည့္ေနရမွာ ဒီ Table ကိုမယ္ဆိုတာကိုစဥ္းစားေရြးျပီး Add Gadget မွာကလစ္ႏွိပ္ဝင္းျပီး ေပၚလာမဲ့ Box ထဲမွာ HTML/JavaScript ကိုေရြးပါ ေနာက္ထပ္ေပၚလာမဲ့ Box ထဲမွာ ေအာက္ပါ Code မ်ားကိုကူးယူျပီးထဲ့လိုက္ပါ၊ ေအာက္ပါ Table တြင့္ေလးေထာက္ေဘာင္ တစ္ခုစာသာနမူနာေပးထားပါတည္။
<style>
table,th,td
{
border:2px solid gray;
}
</style>
<table>
<tr><th>
<a href="ဝက္ဆိုဒ္လိပ္စာထဲ႔ရန္ေနရာ" target="_blank">ေခါင္းစဥ္ေနရာ</a>
</th></tr>
</table>
အထက္ပါ ပံုစံသည္ ယခုက်ေနာ္ ဆိုဒ္၏ ဘယ္ႏွင့္ညာ ဘက္တြင္ထဲထားေသာ နည္းျဖစ္သည္ ဤနမူသည္ ေအာက္ပါ ပံုစံထြက္မည္။
ေခါင္းစဥ္ေနရာ |
---|
ဒုတိယ ပံုစံ
<head>
<style>
table,th,td
{
border:2 px solid red;
}
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
</table>
</body>
</html>
အထက္တြင္ျပထားေသာ Firstname ႏွင့္ Lasyname ေနရာကို မိမိ လိုေသာ စာသား ႏွင့္ ဆိုဒ္ထဲ့ရန္ျဖစ္သည္။ နမူသည္ ေအာက္ပါကဲ့သို႔ ေပၚမည္။
Firstname | Lastname |
---|
0 comments:
Post a Comment