HTML ( Lesson 4 )
Posted in HTML
No comments
Tuesday, August 6, 2013 By $U Y4T4N4R
အားလံုးပဲ..မဂၤလာပါ..။ ဒီေန႔ေတာ့.. Background Image ေတြထည့္တဲ့နည္းေလးေတြ. ေၿပာၾကရေအာင္ေနာ္.။
Web Page ေတြမွာ.. ေနာက္ခံပံု ထည့္တဲ့နည္းေလးပါ..။
Using Background Image
<body background=" " >
Example...,
<html>
<head>
</head>
<body background="D:\html.jpg">
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "bgimage.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. bgimage.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- Background image ထည့္တဲ့နည္းေလးပါ..။ ထည့္ခ်င္တဲ့.. image ကုိ.. background=" " ထဲကုိ.. file
လမ္းေၾကာင္းေပးရပါမယ္..။
- ဒါကေတာ့.. D: ေအာက္ထဲမွာ.ထည့္ထားတဲ့.. ပံုေလးကုိ.. လမ္းေၾကာင္းေပးထားတာပါ..။
- တကယ္လို႔.. html.jpg ဆိုတဲ့ပံုေလးဟာ.. D: ေအာက္က.. photo ဆိုတဲ့. folder ထဲမွာ.ရွိ၇င္..
D:\photo\html.jpg လုိ႔ထည့္လိုက္ပါ..။
- .jpg ဆိုတာ.. ပံုရဲ႔.. type ပါ..။ ပံုေတြမွာ. type အမ်ိဳးမ်ိဳးရွိပါတယ္..။ .jpg, .png, .jpeg,... အမ်ားၾကီးရွိပါတယ္..။
- ပံုရဲ႔ type ကုိ.. သိခ်င္ရင္.. ပံုကုိ. right click ႏွိပ္ၿပီး.. properties ၾကည့္လိုက္ပါ.။ ထြက္လာပါလိမ့္မယ္..။
Using Text Style
Tag Function
<small>.. </small> small text
<big>... </big> big text
<sup>...</sup> super script
<sub>...</sub> sub script
<strike>....</strike> draw a line through
<u>....</u> under line
<cite>...</cite> italic text
<em>....</em> italic text
<i>....</i> italic text
<strong>...</strong> bold text
<b>....</b> bold text
<tt>...</tt> typewriter font(monospaced font)
<pre>.... </pre> monospaced font, preserving spaces and line breaks
( Don't need to use <br> )
Example....,
<html>
<head>
<title> font style </title>
</head>
<body>
<small> Small text </small><br>
<big> Big text </big><br>
H<sub>2</sub>O<br>
x<sup>2</sup>+y<sup>2</sup><br>
<strike> draw a line through </strike><br>
<u> Under Line</u>
<cite> Italic text </cite>
<em> Italic text </em>
<i> Italic text </i>
<strong> Blod text</strong>
<b> Blod text </b>
<tt> Typewriter font </tt>
<pre>
No Name Address
1 Aye Aye Yangon
2 Zaw Zaw Mandalay
3 Hla Hla Bago
</pre>
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "fontstyle.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. fontstyle.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- ဒီလိုဆုိရင္.. အေပၚက.. tag ေတြကုိ. နားလည္မယ္လို႔..ထင္ပါတယ္..။
- တၿခားဟာေတြက.. နားလည္လြယ္မွာပါ..။
- html မွာ. space ေတြကုိ.. လွ်စ္လွ်ဴရွဳပါတယ္.။
- <pre> ကေတာ့.. user က space ရိုက္ထည့္ထား၇င္..space ကုိပါ..ေဖာ္ၿပေပးထားပါတယ္..။
- အေပၚက.. code ေတြကိုၾကည့္လုိက္ပါ..။ No, Name , Address ေတြကုိ. space ၿခားၿပီး..ေရးခဲ့ပါတယ္.။
- run လိုက္ရင္လည္း.. browser မွာလည္း.. ရိုက္ခဲ့တဲ့. space အတိုင္း... ေဖာ္ၿပေပးပါတယ္..။
Using Font Control
<font color=" " size= face=" ">...... </font>
Example...,
<html>
<head>
</head>
<body bgcolor="blue">
<h1> Using Font Control </h1>
<font color="white" size=4 face="Arial"> Arial font </font>
<font color="red" size=3 face="Times New Roman"> Times New Roman font </font>
<font color="red" face="Times New Roman">Times New Roman font </font>
</body>
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "font.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. font.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- color ေနရာမွာ. အရင္တစ္ေခါက္က..ေၿပာခဲ့သလို.. color name ေတြလည္းထည့္လို႔ရပါတယ္..။ ဒါမွမဟုတ္.. color code ေတြလည္းထည့္လုိ႔ရပါတယ္..။
- size=" " ကေတာ့. font size ပါ..။ default ကေတာ့... 3 ပါ..။ တကယ္လို႔..သင္ဟာ.. font="+1" ဆိုရင္.. font="4" နဲ႔တူတူပါပဲ.။ default ကို.. တစ္ေပါင္းထားတာပါ..။ အဲ့လိုမ်ိဳးလည္း ေရးလို႔ပါတယ္..။
Using Basefont
<basefont>.... </basefont>
Example...,
<html>
<body>
<basefont color="red" size=7 face="Arial">
<font color="green" size=5> Hello </font>
<font color="blue" size=4> Hello </font>
<font color="yellow" > Hello </font>
<font > Hello </font>
</basefont>
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "basefont.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. basefont.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- basefont ဆုိတာ.. html code ထဲမွာေရးထားတဲ့.. စာသားေတြဟာ.. font တစ္မ်ိဳးထဲပဲသံုးမယ္ဆုိ၇င္.. basefont မွာ.တစ္ခါပဲ.. ေၾကညာလိုက္တာနဲ႔ရပါတယ္..။
- အေပၚက.. code ထဲမွာ..<basefont color="red" size=7 face="Arial"> လို႔ေရးထားလို႔.. ေအာက္မွာရွိတဲ့.. <font> </font> အားလံုးအတြက္.. အက်ံဳး၀င္ပါတယ္.။
- အားလံုးကို.. Arial font နဲ႔ေဖာ္ၿပမွာပါ..။ color="red" လို႔ထည့္ထားလို႔.. ဘာမွမေၿပာခဲ့ရင္လည္း.. အနီေရာင္နဲ႔ပဲေဖာ္ၿပမွာပါ..။
- font size လည္း..ဒီတိုင္းပါပဲ..။
- <font > Hello </font> က. browser မွာ... ေပၚလာတဲ့ပံုကုိ.ၾကည့္ၿပီး..သိႏိုင္ပါတယ္..။
- သံုးရမယ့္.. font အားလံုးတူေနရင္.. <basefont> ထဲထည့္ၿပီးသံုးႏိုင္ပါတယ္... ^_^
ဒီေန႔ေတာ့.. ေနာက္ခံ background image ထည့္နညး္နဲ႔.. font ေတြအေၾကာင္းေၿပာၿပခဲ့ပါတယ္.။ နားလည္ၾကမယ္လို႔လည္း.. ယံုၾကည္ပါတယ္..။ တကယ္လုိ႔.. နားမလည္တာမ်ားရွိခဲ့ရင္လညး္..
comment box မွာ... စာခ်န္ခဲ့လုိ႔ရပါတယ္..။ တေလးတစား.. ေလ့လာေပးတဲ့အတြက္. ေက်းဇူးတင္ပါတယ္... ^_^
$U Y4T4N4R ~ www.technologicalvilla.blogspot.com
Related posts
Share this post
0 ေယာက္ Comment ေပးသြားတယ္: