HTML ( Lesson 2 )
Posted in HTML
No comments
Saturday, August 3, 2013 By $U Y4T4N4R
Using Heading Tag
<h1> ~ First level heading ( Largest )
<h2> ~ Second level heading
<h3> ~ Third level heading ( Default Size ) (Middle)
<h4> ~ Fourth level heading
<h5> ~ Fixth level heading
<h6> ~ Sixth level heading ( Smallest )
Heading tag ဆိုတာ. website မွာ..ေခါင္းစဥ္တပ္တဲ့.. tag ေလးပါ.. ။ သူက.. auto 2 line ဆင္းပါတယ္.။ auto 2 line ဆင္းတယ္ဆိုတာ.ဘာေၿပာတာလဲဆိုရင္.. HTML မွာ..စာေၾကာင္းေတြကုိ.. ဆက္တိုက္မဟုတ္ပဲ.. တစ္လိုင္းခ်င္းစီၿပခ်င္ရင္.. <br> ဆိုတဲ့ tag ေလးကုိသံုးပါတယ္.။ header tag ေတြက.. ေနာက္တစ္ေၾကာင္းဆင္းခ်င္္ရင္.. <br> ကုိ.သံုးစရာမလိုပါဘူး..။ သူ႔ဘာသာသူ..အလုိအေလွ်ာက္..ေနာက္တစ္ line ဆင္းသြားပါတယ္..။ အလိုအေလွ်ာက္. Bold ၿဖစ္ပါတယ္.။
Example ေလး..တစ္ပုဒ္ေလာက္..လုပ္ၾကည့္ၾကရေအာင္ေနာ္..
<html>
<head>
<title> Using heading tag </title>
</head>
<body>
<h1> First Level</h1>
<h2> Second Level </h2>
<h3> Third Level </h3>
<h4> Fourth Level </h4>
<h5> Fixth Level </h5>
<h6> Sixth Level </h6>
Default size is same as header 3.
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "header.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. header.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- Header ေတြက.. size ေတြ..မတူညီတာကုိ..ေတြ႔ရပါလိမ့္မယ္..။
- Default size is same as header 3. ဆိုတဲ့စာဟာ.. <h3>Third Level </h3> ကေရးထားတဲ့စာနဲ႔.. font size ခ်င္းတူေနတာကို..ေတြ႔ရပါလိမ့္မယ္..။
Using Heading Tag and Alignment
<element attribute = " value "> ဆိုတဲ့ပံုစံနဲ႔ေရးပါတယ္..။ element , attribute , alignment ေတြေန၇ာမွာ.. ဘာေတြထည့္ရတာလဲဆုိရင္..
eg. <h1 align = "center" >
Values are:
left (default)
right
center
Example ..,
<html>
<head>
<title> Using Heading Tag and Alignment </title>
</head>
<body>
<h1 align = "center" > First </h1>
<h2 align = "left" > Second </h2>
<h3 align = "right" > Third </h3>
<h2> Default </h2>
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "headerandattribute.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. headerandattribute.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- attribute ေတြထည့္ေရးတာကေတာ့.. စာေတြကုိ..ဘယ္ေနရာမွာထားမယ္..ဘယ္လိုမ်ိဳးထားမယ္ဆုိၿပီး.. values ေတြထည့္ေရးတာပါ.။ align="left" လို႔မေပးလဲ.. Default ဆိုတဲ့စာက.. ဘယ္ဘက္မွာေပၚေနပါလိမ့္မယ္..။
- ဘာလို႔လဲဆိုရင္..စာေတြက.. ဘယ္ဘက္ကေန.. စေရးရတာကုိး.. ^_^
Paragraph Tag and Alignment
<p aling = "......." > .......... </p> ဆိုတဲ့.ပံုစံနဲ႔..ေရးပါတယ္.။ webpage က စာပုိဒ္ေတြဆိုရင္.. <p> နဲ႔ေရးရပါတယ္..။
Example...,
<html>
<head>
<title> Paragraph Tag and Alignment </title>
</head>
<body>
<p align = "center" > HTML is Hyper Text Makeup Language. It is specialized language, designed to display and access web pages. </p>
</body>
</html>
- အေပၚက.. code ေတြကုိ.. NotePad++ ထဲ.. ခ်ေရးလိုက္ပါ..။
- ၿပီးရင္.. "paragraph.html" ဆိုၿပီး save လုပ္လိုက္ပါမယ္.။
- Save လုပ္ထားတဲ့. paragraph.html ကုိ..computer ထဲမွာၿပန္သြားရွာၿပီး.. ဖြင့္ၾကည့္လိုက္ပါ.။
- စာပုိဒ္ေလးဟာ. သပ္သပ္ရပ္ရပ္နဲ႔.. ရွိေနပါတယ္.။ align="center" လို႔ေပးထားလို႔.. အလယ္မွာ..ေပၚေနပါတယ္.။
- align ထဲမွာ.. ၾကိဳက္တဲ့.. values ( left, right, center ) ထည့္ႏိုင္ပါတယ္..။
ဒီေန႔ေတာ့.. Paragraph Tag နဲ႔ပဲ..နားလိုက္ၾကရေအာင္ေနာ္..။ အရင္ေန႔က..သင္ခဲ့တဲ့.. သင္ခန္းစာကုိလည္း.. မေမ့ပစ္ပါနဲ႔ေနာ္.. :(
ေနာက္ေန႔ေတြမွာလည္း.. ဆက္သင္ေပးမွာမုိ႔လို႔.. အားလံုးပဲ.. ၾကိဳးစားၾကပါလို႔... ေၿပာၾကားရင္း.. ေက်းဇူးအထူးတင္ရွိပါတယ္..။
$U Y4T4N4R ~ www.technologicalvilla.blogspot.com
Related posts
Share this post
0 ေယာက္ Comment ေပးသြားတယ္: