Wednesday, July 10, 2013

HTML Chapter 4_Element, Attribute, Hyperlink

HTML Elements

Element ဆိုသည္မွာ Start tag က ေနစ၍ end tag ဆံုးသည့္ တိုင္ေအာင္ ပါ၀င္မွဳအားလံုးကို ေခၚပါတယ္။


အထက္ပါ ပံုတြင္ start tag <p> မွ စျပီး end tag </p> အဆံုးထိ တစ္ေၾကာင္းလံုးကို element လို.ေခၚပါတယ္။ <p> tag ျဖင့္ ေရးထားေသာေၾကာင့္ <p> element လို.ေခၚပါတယ္။

Empty HTML Element

Content မပါ၀င္ေသာ HTML element ေတြကိုေတာ့ empty element လို.ေခၚပါတယ္။ ဥပမာ <br> ႏွင့္ <hr> တို.ျဖစ္ၾက ပါတယ္။ <br> သည္ empty html element ျဖစ္ျပီး ၄င္းသည္ keyboard မွ enter key function ကဲ့သို. လုပ္ေဆာင္ေပးပါတယ္။ <hr> tag ကို horizontal line ျပဳလုပ္ရာမွာ သံုးပါတယ္။ ၄င္းတုိ.သည္ Empty html element မ်ား ျဖစ္ေသာေၾကာင့္ end tags </br>, </hr> မ်ား မရွိပါ။

Example:

<!DOCTYPE html>
<html>
     <body>
     <p> This is first line <br> This is second line </p> <hr>
     </body>
</html>

HTML Attribute

HTML elements ေတြမွာ Attributes မ်ား ရွိႏိုင္ပါတယ္။ Attributes မ်ားကို Elements ေတြရဲ့ additional information အတြက္ သံုးပါတယ္။ Attribute ကို Start tag အတြင္းတြင္သာ ေရးရပါတယ္။

Example:

<!DOCTYPE html>
<html>
    <body>
    <a href="http://www.w3schools.com"> This is a link </a>
    </body>
</html>

HTML Hyperlink (Links)

<a> tag သည္  hyperlink tag ျဖစ္ပါတယ္။ Word, Group of words, Images စသည္တို.မွာ Hyperlink ကိုအသံုးျပဳျပီး document တစ္ခုမွ တစ္ခုသို. ကူေျပာင္းႏိုင္ပါတယ္။ Hyperlinks မ်ားေပၚတြင္ cursor တင္ လိုက္ပါက Arrow ပံုမွ လက္ပံု သို. ေျပာင္းလဲသြားပါတယ္။ Hyperlink ျဖစ္ေသာ <a> element ၏ attribute မွာ href  ျဖစ္ပါတယ္။
HTML Link Syntax: _ <a href="url"> Link text </a>
<a> မွာ tag ျဖစ္ျပီး href မွာ attribute ျဖစ္သည္။

 Example:

<!DOCTYPE html>
<html>
      <body>
      <a href="http://www.w3schools.com"> Click here </a>
      </body>
</html>

HTML Links – The Target Attribute

Example:

<a href="http://www.w3schools.com" target="_blank"> Click here </a>

Target="_blank" ဆိုသည္မွာ link ကို click ႏွိပ္လိုက္တာနဲ. လက္ရွိ ၾကည့္ေနေသာ page မွာ မေပၚဘဲ browser ရဲ့ new tab မွာ link page ကို ျပ ေပးပါတယ္။



No comments:

Post a Comment