03 June 2013

HTML(Lesson 2)

6/03/2013  ,  No comments

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

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)