lession3.html
သင္ ခန္းစာ(၇)
ကဲဗ်ာ ဒီတစ္ခါေျပာျပသြားမွာကေတာ့
html documentထဲကိုပံုထည့္နည္းပဲျဖစ္
ပါတယ္သူ႔ရဲ႕tagကေတာ့
<![CDATA[<img/>]]>ပါခမ်ာ
သူ႔ရဲ႕altributeကေတာ့ srcပါ sourceရဲ႕
အရွည္ေကာက္ပါ ကဲစလိုက္ရေအာင္ဗ်ာ
ပံုတစ္ပံုကိုsiteတစ္ခုခုမွာuploadတင္
တယ္ဆိုပါစို႔အဲ႔ဒီပံုရဲ႕လင့္ကို
http://www.image/picture1.png
လို႔ထားလိုက္ အဲ့ဒီပံုကို html doc
မွာေပၚခ်င္ရင္ေရးရမယ့္ပံုစံက
<![CDATA[<img src=" http://www.image/picture1.png"/>]]>
အဲ့ဒီလိုေရးပါတယ္ ကဲအဲ႔ဒီပံုကိုအလ်ား
အနံသတ္မွတ္ရေအာင္
border=ပံုရဲ႕အနားေဘာင္အထူအပါး
ပါ
width=ပံုရဲ႕အလ်ားပါ
height=ပံုရဲ႕အနံပါ
ေရးနည္းကေတာ့
<![CDATA[<img border="2" height="400px" src=" http://www.image/picture1.png" width="400px"/>]]>
အဲ႔လိုေရးပါတယ္ကိန္းဂဏန္းေတြကို
ေျပာင္းျခင္းျဖင့္ကိုယ္လိုခ်င္တဲ႔ပံုစံလုပ္
ယူလို႔ရပါတယ္
ကဲcodeတစ္ခုrunၾကည့္ရေအာင္
<![CDATA[
<html>
<head>
<title>image></title>
</head>
<body>
<img border="2" height="400px" src=" http://www.myworld20166.000free.us/IMG_20150415_101414.jpg" width="400px"/>
</body>
</html>
]]>
အေပၚကcodeကိုcopyကူးျပီးေအာက္မွာ
runၾကည့္ပါခမ်ာ
သင္ခန္းစာ(၈)
ကဲဒီတစ္ခါေျပာျပသြားမွာကေတာ့ေနာက္
ခံပံုထည့္နည္းပါ လြယ္ပါတယ္ဗ်ာ
ေနာက္ခံပံုကို<![CDATA[<body>]]>ထဲထည့္ပါတယ္
စလိုက္ရေအာင္
<![CDATA[<body style="background-image:url("picturename.png");">]]>
ဒီလိုထည့္ပါတယ္ခမ်ာ
မွတ္သားစရာေလးေတေျပာမယ္ဗ်ာ
ေနာက္ခံပံုကိုဒီအတိုင္းထည့္လိုက္ရင္
ပံုေတအမ်ားျကီးျဖစ္သြားပါလိမ့္မယ္
ဥပမာဗ်ာ bodyကအလ်ား1000အနံ1000pixelsရွိ
တယ္လို႔ထားလိုက္ ေနာက္ပီးပံုကအလ်ား
100အနံ100pxရွိတယ္ထားလိုက္
ခုက်ေနာ္တို႔ထည့္မွာကေနာက္ခံပံုျဖစ္တဲ႔
အတြက္bodyရဲ႕အက်ယ္ျပည့္ေအာင္
ျဖည့္သြားမွာျဖစ္တဲ႔အတြက္ပံုက၁၀ပံုျဖစ္
သြားမွာပါ ဒီျပသနာကိုေျဖရွင္းဖို႔
repeat:no-repeat;
ဆိုတဲ႔altributeကိုသံုးရပါတယ္
<![CDATA[<body style="background-image:url("picturename.png");repeat:no-repeat;">]]>
ဆိုပီးျပင္ေရးရမွာပါ
ဒီေလာက္ဆိုသေဘာေပါက္ျပီထင္ပါတယ္
သင္ ခန္းစာ(၉)
ဒီတစ္ခါတင္ျပသြားမွာကေတာ့<![CDATA[<table>]]>
အေၾကာင္းပါ tableဆိုတာကဇယားကြက္
ၾကီးေပါ့ဗ်ာ <![CDATA[<table>]]>မွာပါတဲ႔အျခားtag
ေတြကေတာ့
<![CDATA[<tr>]]>အလားလိုက္အကြက္ပါ
<![CDATA[<td>]]>ေဒါင္လိုက္အကြက္ပါ
ေဒါင္လိုက္အကြက္ကိုအလ်ားလိုက္အ
ကြက္ထဲထည့္ေရးရမွာပါဒါမွဇယားကြက္
ေလးျဖစ္သြားမွာေပါ့ မ်က္လံုးထဲျမင္ေအာင္
လက္ေတြ႕လုပ္ၾကရေအာင္
<![CDATA[
<html>
<head>
<title>table</title>
<table border="1"cell-padding="1">
<tr border="1"cell-padding="1">
<td>]]>
ၾကက္သား
<![CDATA[</td>
<td>]]>
က်ပ္
<![CDATA[/td>
<td>]]>
Dollor
<![CDATA[/td>
</tr>
<tr border="1"cell-padding="1">
<td>
-
</td>
<td>]]>
700ks
<![CDATA[</td>
<td>]]>
$1000
<![CDATA[</td>
</tr>
</table>
</body>
</html>
]]>
အေပၚကcodeကိုrunၾကည့္ပါ
No comments:
Post a Comment