HTML <h1> မှ <h6> သတင်း/ညွှန်း

  • အရှေ့လွှမ်း <frameset>
  • နောက်လွှမ်း <head>

အသုံးချင့် နှင့် အသုံးပြုခြင်း

<h1> ထိ <h6> အမှတ်အသား သုံးသပ်ထားသည် HTML သတင်း/ညွှန်း အတွက်

<h1> အမြတ်ဆုံး သတင်း/ညွှန်း ကို အသုံးပြုပါ<h6> အနည်းဆုံး သတင်း/ညွှန်း ကို အသုံးပြုပါ

သတိပြုရန်

စာလုံး၏ မူကြမ်း တစ်စုံတစ်ယောက် သာ အသုံးပြုပါ <h1> - ဒါ ဟာ ပုံမှာ စားပြီး စာလုံး၏ အဓိက သတင်း/ညွှန်း ကို ကိုယ်စားပြုထားသည်။ ထို့ပြင် သတင်း/ညွှန်း အဆင်းအတန်း ကို ခွဲခြားမပြုပါ - <h1> စတင်ပြီး နောက် အသုံးပြုခြင်း <h2>နှင့် အတူ。

h အရာပါး သည် အချက်အရာ အတိအကျ ရှိသော အချက်အလက် ဖြစ်သောကြောင်း အကြောင်းပြောချင်လျှင်，အချက်အလက် အတိုင်း အတိုင်း အစီအစဥ် ကို သုံးပြုခြင်း မပြုရ။ တိုင်းပြီးနောက် အချက်အလက် အစီအစဥ် ကို အသုံးပြုခြင်း ဖြင့် ဘီလျူရှင် အစီအစဥ် ကို ပျော်ပျားသော ပြောင်းလဲခြင်း ရရှိရန် ဖြစ်သည်။

HTML အချက်အလက် နှင့် အသုံးပြုခြင်း အကြောင်းကျသော သတင်းများ ကို လေ့လာချင်လျှင်，《Web အရည်ချင်း》。

ကျွန်ုပ်ကို ကျွန်ုပ်တို့

HTML ဖော်ပြချက်HTML အချက်

HTML DOM ကိုးကွယ်ရာHeading အရာ

အမှတ်

အမှတ် 1

ခုနစ်ခု မျိုးသော HTML အချက်

<h1>အချက် 1</h1>
<h2>အချက် 2</h2>
<h3>အချက် 3</h3>
<h4>အချက် 4</h4>
<h5>အချက် 5</h5>
<h6>အချက် 6</h6>

ကိုယ်တိုင် စစ်ဆေးကြည့်

အမှတ် 2

အချက် အစိတ်အစိတ် အရန်ပုံး နှင့် အပိုင်းအဝါ အစီအစဥ် (CSS အသုံးပြုခြင်း):

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</h2>

ကိုယ်တိုင် စစ်ဆေးကြည့်

အမှတ် 3

အချက် အစိတ်အစိတ် စွမ်းဆောင်ခြင်း အစီအစဥ် (CSS အသုံးပြုခြင်း):

<h1 style="text-align:center">အချက် 1</h1>
<h2 style="text-align:left">အချက် 2</h2>
<h3 style="text-align:right">အချက် 3</h3>
<h4 style="text-align:justify">အချက် 4</h4>

ကိုယ်တိုင် စစ်ဆေးကြည့်

အကြီးအကျယ် အချက်အလက်

<h1> - <h6> အချက်အလက် HTML တွင် အကြီးအကျယ် အချက်အလက်。

အချက်အလက်

<h1> - <h6> အချက်အလက် HTML တွင် ဖြစ်ပေါ်လာသော အချက်အလက်。

မြန်မာစကား CSS အစီအစဥ်

အချို့ ဘွတ်တိုက် သည် အောက်ပါ အချက်အလက် ကို အတိုင်းအတာ အုပ်ချုပ်သည် <h1> အရာ:

အမှတ် 1

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

အချို့ ဘွတ်တိုက် သည် အောက်ပါ အချက်အလက် ကို အတိုင်းအတာ အုပ်ချုပ်သည် <h2> အရာ:

အမှတ် 2

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

အချို့ ဘွတ်တိုက် သည် အောက်ပါ အချက်အလက် ကို အတိုင်းအတာ အုပ်ချုပ်သည် <h3> အရာ:

အမှတ် 3

h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

အချို့ ဘွတ်တိုက် သည် အောက်ပါ အချက်အလက် ကို အတိုင်းအတာ အုပ်ချုပ်သည် <h4> အရာ:

အမှတ် 4

h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

အချို့ ဘွတ်တိုက် သည် အောက်ပါ အချက်အလက် ကို အတိုင်းအတာ အုပ်ချုပ်သည် <h5> အရာ:

အမှတ် 5

h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

အချို့ ဘွတ်တိုက် သည် အောက်ပါ အချက်အလက် ကို အတိုင်းအတာ အုပ်ချုပ်သည် <h6> အရာ:

အမှတ် 6

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

ဘွတ်တိုက် အထောက်အပံ့

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
  • အရှေ့လွှမ်း <frameset>
  • နောက်လွှမ်း <head>