Friday, July 3, 2015

lession4.html

lession3.html

သင္ ခန္းစာ(၁၀) 


ကဲဗ်ာ က်ေနာ္တို႔အေရွ႕မွာပံုထည့္တာရယ္
လင့္ခ်ိတ္တာရယ္ဇယားဆြဲတာရယ္ကိုအ
ေျခခံလုပ္ခဲ့ျပီးျပီေနာ္ ကဲဒီတစ္ခါအဲ့သင္
ခန္းစာအားလံုးကိုေပါင္းျပီးလူဦးေရဇယား
ဆြဲၾကရေအာင္ :-)
ျဖည့္စြက္ရမည့္အပိုင္းေတြပထမဆံုးရွင္း
ျပမယ္ဗ်ာ
၁။ ။<caption> 
ဒီtagကေတာ့ tableရဲ႕ေခါင္းစဥ္ၾကီးကို
တပ္တဲ႔အခါမွာသံုးတာပါ ဥပမာ
<caption>လူဦးေရဇယား</caption>

၂။ ။cellpadding
ဒီaltributeကေတာ့tableအထဲကအကြက္
ေလးေတနဲ႔tableေဘာင္နဲ႔အကြာအေဝး
ကိုသတ္မွတ္တာပါ

၃။ ။cellspacing
ဒီaltributeကေတာ့tableထဲကအကြက္
တစ္ခုနဲ႔တစ္ခုအကြာအေဝးကိုေျပာတာပါ

၄။ ။bordercolor 
ဒီaltributeကေတာ့tableေဘာင္ရဲ႕အ
ေရာင္ကိုသတ္မွတ္တာပါ

၆။ ။bordercolorlight
ဒါကtableေဘာင္ကို3Dလိုမ်ိဳးအေရာင္
ထည့္တာပါ အေပၚေရာင္ေပါ့

၇။ ။bordercolordark
ဒါကေအာက္အေရာင္ပါ

၈။ ။bgcolor
ဒါကေနာက္ခံအေရာင္ထည့္တာပါ

၉။ ။color
ဒါကစာအေရာင္ထည့္တာပါ

၁၀။ ။<th>
ဒါကအလ်ားလိုက္အကြက္ပါ

၁၁။ ။<td>
ဒါကေဒါင္လိုက္အကြက္ပါ အလ်ားလိုက္
အကြက္ထဲကိုေဒါင္လိုက္အကြက္ထည့္
ဆြဲရမွပါ ဥပမာ <tr><td>text</td></tr>

၁၂။ ။<thead>
ဒါကေခါင္းစဥ္ခြဲေလးေတေပးတာပါ

၁၃ ။။<tfoot>
ဒါကtableေအာက္နားမွာ noteေရးတာပါ

၁၄။ ။<!--DOCTYPE html-->
ဒါကေတာ့ ဒီဟာက htmlလားcssလား
java-scriptလား phpလားဆိုးျပီး
browserကသိေအာင္ေၾကျငာေပးတာပါ
တခ်ိဳ႕browserက ဘာcodeမွန္းနားမ
လည္တာရွိပါတဲ႔ အာ့ေၾကာင့္
ဘာေရးေရးဒါေလးေတာ့ထည့္သင့္ပါတယ္

ကဲဒါေတကိုမွတ္ထားပါ လက္ေတြ႔ေရး
ဆြဲဖို႔ေနာက္သင္ခန္းစာကိုသြားရေအာင္

သင္ခန္းစာ(၁၁) 


ကဲအေပၚမွာ အညြန္းေလးေတြရွင္းျပျပီးျပီေနာ္
ပထမဆံုရိုးရိုးtableဆြဲၾကရေအာင္
tableမွာပါရမွာေလးေတနည္းနည္းေျပာ
မယ္
၁။ ။ေခါင္းစဥ္ကို "ေက်ာင္းသားစာရင္းလို႔အ
မည္ေပးမယ္
၂။ ။ေခါင္းစဥ္ခြဲကို "အမည္" "ဇာတိ" 
"အသက္"ဆိုျပီးေပးမယ္
၃။ ။ပါရမည့္အမည္ေတက"mg mg"
"hla hla" zaw zaw"
၄။ ။က်န္တာက ဇာတိနဲ႔အသက္ေပါ့ဗ်ာ

ကဲဆြဲျပီေနာ္


<!--DOCTYPE html-->
<html>
<head>
<title>Table Lession</title>
</head>
<body style="background-color:violet">
<table bgcolor="green"border="2"
cellpadding="5"cellspacing="5"
align="center">
<caption align="top"color="blue">
ေက်ာင္းသူ/သားအမည္စာရင္း
</caption>
<thead color="blue">
<th>အမည္</th>
<th>ဇာတိ</th>
<th>အသက္


Hla Hla</td>
<td>မႏၲေလး</td>
<td>18ႏွစ္</td>
</tr>
<tr color="blue">
<td>Zaw Zaw</td>
<td>ပဲခူး</td>
<td>20ႏွစ္</td>
</tr>
</table>
</body>
</html>

ကဲအေပၚကcodeကိုcopyကူးျပီးrun
လိုက္ပါဦး

သင္ ခန္းစာ(၁၂) 


ကဲဗ်ာ အေပၚမွာ ပံုထည့္တာကိုသင္ခဲ႔
တယ္ေနာ္ ေရးနည္းက
<img src="picture name.jpg"/>ဒါနဲ႔
<img src="image link"/>ဆိုျပီးသင္ခဲ့
ေနာက္ျပီး ေနာက္ျပီးလင့္ခ်ိတ္နည္းကို
<a href="file name">text</a>နဲ႔
<a href="link">text</a>ဆိုျပီးသင္ေပး
ခဲ့တယ္ ဒါေတကိုအေပၚကtableထဲ
ထည့္ဆြဲရေအာင္




<!--DOCTYPE html-->
<html>
<head>
<title>Table Lession</title>
</head>
<body style="background-color:violet">
<table bgcolor="green"border="5"
cellpadding="5"cellspacing="5"

align="center">
<caption align="top"color="blue">
ေက်ာင္းသူ/သားအမည္စာရင္း
</caption>
<thead color="blue">
<th>ဓာတ္ပံု</th>
<th>အမည္</th>
<th>ဇာတိ</th>
<th>အသက္</th>
<th>ဆက္သြယ္ရန္</th>
</thead>
<tr color="blue"border="2">
<td>
<img align="center" height="15px" src="https://c129.pcloud.com/dHZw3qkZaA5AHZZZ7IcCl7Z2ZZ4pJZkZ7XpVZxDUHNL94r28XqeFRmA1yUkbIRAP7/in-the-sky.jpg" width="15px"/>
</td>
<td>Mg Mg</td>
<td>ရန္ကုန္</td>
<td>19နွစ္</td>

<td>
<a href="http://www.nbnaitstore.000free.us/nbnaitstore/lession/html4.html#lession12">Call
</a>
</td>
</tr>
<tr color="blue"border="2">
<td>
<img align="center" height="15px" src="https://c59.pcloud.com/dHZoHAkZGA5AHZZZYUcCl7Z2ZZ4pJZkZkXpVZQPpci1QdKxFOchoDdNfAAhrInbTX/romance.jpg" width="15px"/>
</td>
<td>Hla Hla</td>
<td>မႏၲေလး</td>
<td>18ႏွစ္</td>
<td>
<a href="http://www.nbnaitstore.000free.us/nbnaitstore/lession/html4.html#lession12">Call
</a>
</td>
</tr>
<tr color="blue"border="2">
<td>
<img align="center" height="15px" src="https://c176.pcloud.com/dHZiHAkZ3A5AHZZZNdcCl7Z2ZZ4pJZkZyXpVZEYcSMppfdXJKo5FyIYrQW8P5a6Kk/lovers.jpg" width="15px"/>
</td>
<td> Zaw Zaw</td>
<td>ပဲခူး</td>
<td>20ႏွစ္</td>
<td>
<a href="http://www.nbnaitstore.000free.us/nbnaitstore/lession/html4.html#lession12">Call
</a>
</td>
</tr>
</table>
</body>
</html>




အေပၚကcodeကိုrunၾကည့္ပါ
Posted by at
Subscribe to: Post Comments (Atom)