HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <head> Tag


ဥပမာ

ဦးခေါင်းကဏ္ဍအတွင်း <title> တဂ်ပါသော ရိုးရှင်းသော HTML စာရွက်စာတမ်း။

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Title of the document</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။


အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

ဒြပ်စင်သည် မက် <head>တာဒေတာ (ဒေတာအကြောင်းဒေတာ) အတွက် ကွန်တိန်နာတစ်ခုဖြစ်ပြီး <html> တဂ်နှင့် <body> တဂ်ကြားတွင် ထားရှိထားသည်။

မက်တာဒေတာသည် HTML စာရွက်စာတမ်းနှင့်ပတ်သက်သည့် ဒေတာဖြစ်သည်။ မက်တာဒေတာကို မပြသပါ။

မက်တာဒေတာသည် ပုံမှန်အားဖြင့် စာရွက်စာတမ်းခေါင်းစဉ်၊ ဇာတ်ကောင်အစုံ၊ စတိုင်များ၊ ဇာတ်ညွှန်းများနှင့် အခြားမက်တာအချက်အလက်များကို သတ်မှတ်ပေးသည်။

အောက်ပါဒြပ်စင်များသည် <head>ဒြပ်စင်အတွင်းသို့ ဝင်ရောက်နိုင်သည်-


Browser ပံ့ပိုးမှု

Element
<head> Yes Yes Yes Yes Yes


ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ

<head>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။


နောက်ထပ် ဥပမာများ

ဥပမာ

<base> တဂ် (စာမျက်နှာတစ်ခုပေါ်ရှိ လင့်ခ်များအားလုံးအတွက် မူရင်း URL နှင့် ပစ်မှတ်ကို သတ်မှတ်သည်) <head> အတွင်းသို့ ရောက်သွားသည် -

<html>
<head>
  <base href="https://www.w3schools.com/" target="_blank">
</head>
<body>

<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>

</body>
</html>

ဥပမာ

<style> tag (စာမျက်နှာတစ်ခုသို့ စတိုင်အချက်အလက်ကို ပေါင်းထည့်သည်) <head> အတွင်းသို့ ရောက်သွားသည် -

<html>
<head>
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

ဥပမာ

<link> တဂ် ( ပြင်ပစတိုင်စာရွက်သို့ လင့်ခ်များ) သည် <head> အတွင်းသို့ ရောက်သွားသည်-

<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>

</body>
</html>

ဆက်စပ်စာမျက်နှာများ

HTML သင်ခန်းစာ- HTML Head

HTML DOM ရည်ညွှန်းချက်- Head Object


မူရင်း CSS ဆက်တင်များ

ဘရောက်ဆာအများစုသည် <head>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-

head {
  display: none;
}