5. HTML ကို ေလ့လာျခင္း

Written by S.N.O Published in 31 May 2014

HTML ရဲ႕ အေျခခံ Element ေတြ ျဖစ္တဲ့
     <html>
      <head>
      <title></title>
      </head>

      <body>
      </body>

    </html>
ေတြကို နားလည္သေဘာေပါက္သြားၿပီဆုိေတာ့ အခုဆက္လက္ၿပီး HTML နဲ႕ပတ္သက္တဲ့ Knowledge မ်ားကို ဆက္လက္ေလ့လာရာ ျဖစ္ပါတယ္။ HTML ႏွင့္ Web Page တစ္ခုကို ေရးသားရာတြင္ <title> </title> ဟာ အလြန္အေရးႀကီးတဲ့ command တစ္ခုျဖစ္ပါတယ္။

အဓိကကေတာ့ Search Engine ေတြျဖစ္ၾကသည့္ Google , Yahoo , Bing တို႕မွ သင့္ Website ကို index ျပဳလုပ္ရန္အတြက္ ဒီ <title></title> ႏွစ္ခုအတြင္းမွာ ေရးသားေဖာ္ျပသည့္ စကားလံုးေပၚ မူတည္ပါတယ္။ ဥပမာအားျဖင့္ သင္ဟာ <title> </title> အတြင္း Lesson 5: What have you learned so far?  ဆိုတာကို ေရးသားထားတယ္ဆိုပါစို႕။

ဒါဆိုရင္ Search Engine မွ ၎ စကားလံုးပါ၀င္ေသာ Search မ်ားကို ရည္ညႊန္းရာမွာ သင့္ Website ကို ေဖာ္ျပမွာ ျဖစ္ပါတယ္။ အလြယ္ဆံုး မွတ္သားထားရမွာကေတာ့ <title> </title> ၾကားမွာေရးတဲ့ စကားလံုးဟာ Search Engine ႏွင့္ Link လုပ္ရန္ ျဖစ္ပါတယ္။ ေအာက္ေဖာ္ျပပါပံုတြင္ ၾကည့္ပါ

Fig (1)

 

အခု Body Section ကို ထပ္မံ တိုးခ်ဲ႕ၿပီး ေလ့လာၾကည့္ပါမယ္။ Body Section ႏွင့္ပတ္သက္ၿပီး အေရးအႀကီးဆံုး Element မ်ားျဖစ္သည့္ ေအာက္ပါ Element မ်ားကိုေတာ့ အလြတ္ရေနရန္ လိုအပ္ပါတယ္။

    <html>

      <head>
      <title>My website</title>
      </head>

      <body>
      <h1>A Heading</h1>
      <p>text, text text, text</p>
      <h2>Subhead</h2>
      <p>text, text text, text</p>
      </body>
      
    </html>

ဒီ HTML Document မွာ အသစ္ပါ၀င္လာတာဆိုလို႕ <h1> </h1> ႏွင့္ <h2> </h2> ႏွစ္မ်ိဳးတည္းသာ သင့္အတြက္ အသစ္ပါ၀င္လာပါတယ္။ ဒီ <h1> <h2> တို႕ဆိုတာဟာ တကယ္ေတာ့ Heading Font Size ကို ရည္ညႊန္းတာျဖစ္ပါတယ္။ Heading ေတြကို ေျပာရရင္ေတာ့ <h1> မွ <h6> အထိ ရွိပါတယ္။ <h1> ကေတာ့ အႀကီးဆံုး ျဖစ္ၿပီး <h6> ကေတာ့ အေသးဆံုး ျဖစ္ပါတယ္။

ဒီေတာ့ သင္ေရးသားတဲ့ HTML Document တစ္ခုအတြင္းမွာ ေခါင္းစဥ္မ်ားေရးထိုးရာမွာ <h1> ဒါမွ မဟုတ္ <h2> ကို အသံုးျပဳႏိုင္ပါတယ္။ Sub Title ဆိုလွ်င္ေတာ့ အျခားေသာ <h3> <h4> စသည္ျဖင့္ ႏွစ္သက္သလို အသံုးျပဳႏိုင္ပါတယ္။ <p> ကေတာ့အရင္ ေဖာ္ျပထားတဲ့ သင္ခန္းစာမွာ ရွင္းျပၿပီးသြားပါၿပီ။ ဒီသင္ခန္းစာရဲ႕ Main Point ကေတာ့ HTML Element ေတြနဲ႕ ပိုမိုယဥ္ပါးလာေအာင္ႏွင့္ Heading Tag ေတြကို သေဘာေပါက္ရန္ ျဖစ္ပါတယ္။

Fig (2)


   

ဒိန္းမတ္ ႐ံုးခန္း လိပ္စာ

IT4MF

Idea House

Boulevarden 17, 7100 Vejle,

Denmark.

SE-nr.: 34 96 01 35

Tel (DK): +45 22 55 68 97

eMail : info@it4mf.comThis email address is being protected from spambots. You need JavaScript enabled to view it.

ျမန္မာ ႐ံုးခန္း လိပ္စာ

IT4MF (YGN) CO., LTD.

အမွတ္ ၅၈/၆၀၊

ပထမထပ္(ဘယ္ဘက္)၊ ၅၃ လမ္း၊

ပုဇြန္ေတာင္ ၿမိဳ႕နယ္၊ ရန္ကုန္ၿမိဳ႕

SE-nr.: 34 96 01 35

ဖုန္း - 00 95 (09) 250 644 844

eMail : ygn@it4mf.comThis email address is being protected from spambots. You need JavaScript enabled to view it.