HTML <h1> မှ <h6> တဂ် များ
ဥပမာ
မတူညီသော HTML ခေါင်းစဉ်ခြောက်ခု-
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
HTML ခေါင်းစဉ်များကို သတ်မှတ်ရန် to tag များကို အသုံးပြု ပါသည် <h1>
။<h6>
<h1>
အရေးကြီးဆုံး ခေါင်းစဉ်ကို သတ်မှတ်သည်။ <h6>
အရေးအကြီးဆုံး ခေါင်းစဉ်ကို သတ်မှတ်သည်။
မှတ်ချက်- စာမျက်နှာ တစ်ခုလျှင် တစ်ခုသာ အသုံးပြု <h1>
ပါ - ၎င်းသည် စာမျက်နှာတစ်ခုလုံးအတွက် ပင်မခေါင်းစဉ်/ဘာသာရပ်ကို ကိုယ်စားပြုသင့်သည်။ ထို့အပြင်၊ ခေါင်းစီးအဆင့်များကို မကျော်ပါနှင့် - ဖြင့် စတင်ပါ <h1>
၊ ထို့နောက် အသုံးပြု <h2>
ပါ၊ စသည်ဖြင့်။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<h1>
to <h6>
tags သည် HTML ရှိ Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<h1>
to <h6>
tags သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
ခေါင်းစဉ်များ၏ နောက်ခံအရောင်နှင့် စာသားအရောင်ကို သတ်မှတ်ပါ (CSS ဖြင့်)
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
ဥပမာ
ခေါင်းစဉ်များ၏ ချိန်ညှိမှုကို သတ်မှတ်ပါ (CSS ဖြင့်)
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This
is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML ခေါင်းစီးများ
HTML DOM ရည်ညွှန်းချက်- ခေါင်းစီးအရာဝတ္ထု
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <h1>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ဘရောက်ဆာအများစုသည် <h2>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
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>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ဘရောက်ဆာအများစုသည် <h4>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ဘရောက်ဆာအများစုသည် <h5>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ဘရောက်ဆာအများစုသည် <h6>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}