HTML ကျူတိုရီရယ်

HTML ပင်မစာမျက်နှာ HTML နိဒါန်း HTML တည်းဖြတ်သူများ HTML အခြေခံ HTML အစိတ်အပိုင်းများ HTML အရည်အချင်းများ HTML ခေါင်းစီးများ HTML စာပိုဒ်များ HTML ပုံစံများ HTML Formatting HTML ကိုးကားချက်များ HTML မှတ်ချက်များ HTML အရောင်များ HTML CSS HTML လင့်ခ်များ HTML ပုံများ HTML Favicon HTML ဇယားများ HTML စာရင်းများ HTML Block & Inline HTML အတန်းများ HTML ID HTML Iframes HTML JavaScript HTML ဖိုင်လမ်းကြောင်းများ HTML Head HTML အပြင်အဆင် HTML တုံ့ပြန်မှု HTML ကွန်ပျူတာကုဒ် HTML ဝေါဟာရများ HTML ပုံစံလမ်းညွှန် HTML အကြောင်းအရာများ HTML သင်္ကေတများ HTML အီမိုဂျီများ HTML Charset HTML URL ကုဒ် HTML နှင့် XHTML

HTML ပုံစံများ

HTML ပုံစံများ HTML Form Attribute များ HTML ဖောင်ဒြပ်စင်များ HTML ထည့်သွင်းမှု အမျိုးအစားများ HTML ထည့်သွင်းခြင်း အရည်အချင်းများ HTML Input Form Attributes

HTML ဂရပ်ဖစ်

HTML Canvas HTML SVG

HTML မီဒီယာ

HTML မီဒီယာ HTML ဗီဒီယို HTML အသံ HTML ပလပ်အင်များ HTML YouTube

HTML API များ

HTML Geolocation HTML ဆွဲ/ချပါ။ HTML ဝဘ်သိုလှောင်မှု HTML ဝဘ်အလုပ်သမားများ HTML SSE

HTML နမူနာများ

HTML နမူနာများ HTML Quiz HTML လေ့ကျင့်ခန်းများ HTML လက်မှတ် HTML အနှစ်ချုပ် HTML အသုံးပြုနိုင်မှု

HTML ကိုးကားချက်များ

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

HTML ပုံစံများ


HTML styleရည်ညွှန်းချက်ကို အရောင်၊ ဖောင့်၊ အရွယ်အစားနှင့် အခြားအရာများကဲ့သို့ ဒြပ်စင်တစ်ခုသို့ စတိုင်များထည့်ရန် အသုံးပြုသည်။


ဥပမာ

ငါက အနီရောင်

ငါက အပြာရောင်

ငါကကြီး


HTML Style Attribute

HTML ဒြပ်စင်တစ်ခု၏စတိုင်ကို styleသတ်မှတ်ခြင်း၊ attribute ဖြင့်လုပ်ဆောင်နိုင်သည်။

HTML styleရည်ညွှန်းချက်တွင် အောက်ပါ syntax ပါရှိသည်။

<tagname style="property:value;">

ပိုင်ဆိုင်မှု သည် CSS ပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်။ တန်ဖိုး သည် CSS တန်ဖိုးဖြစ်သည်။

ဤသင်ခန်းစာတွင် နောက်ပိုင်းတွင် CSS အကြောင်း ပိုမိုလေ့လာနိုင်မည်ဖြစ်သည်။


နောက်ခံအရောင်

CSS background-colorပိုင်ဆိုင်မှုသည် HTML အစိတ်အပိုင်းအတွက် နောက်ခံအရောင်ကို သတ်မှတ်သည်။

ဥပမာ

စာမျက်နှာတစ်ခုအတွက် နောက်ခံအရောင်ကို powderblue အဖြစ် သတ်မှတ်ပါ-

<body style="background-color:powderblue;">

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

</body>

ဥပမာ

မတူညီသောဒြပ်စင်နှစ်ခုအတွက် နောက်ခံအရောင်သတ်မှတ်ပါ-

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>


စာသားအရောင်

CSS colorပိုင်ဆိုင်မှုသည် HTML အစိတ်အပိုင်းအတွက် စာသားအရောင်ကို သတ်မှတ်သည်-

ဥပမာ

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

ဖောင့်များ

CSS font-familyပိုင်ဆိုင်မှုသည် HTML ဒြပ်စင်တစ်ခုအတွက် အသုံးပြုမည့် ဖောင့်ကို သတ်မှတ်သည်-

ဥပမာ

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

စာသားအရွယ်အစား

CSS font-sizeပိုင်ဆိုင်မှုသည် HTML အစိတ်အပိုင်းအတွက် စာသားအရွယ်အစားကို သတ်မှတ်သည်-

ဥပမာ

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

စာသား ချိန်ညှိခြင်း။

CSS text-alignပိုင်ဆိုင်မှုသည် HTML ဒြပ်စင်အတွက် အလျားလိုက် စာသားချိန်ညှိမှုကို သတ်မှတ်သည်-

ဥပမာ

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

အခန်းအကျဉ်းချုပ်

  • styleHTML အစိတ်အပိုင်းများကို ပုံစံသွင်းရန်အတွက် ရည်ညွှန်းချက်ကို အသုံးပြုပါ
  • background-colorနောက်ခံအရောင်အတွက် သုံး ပါ။
  • colorစာသားအရောင်များအတွက် အသုံးပြု
  • font-familyစာသားဖောင့်များအတွက် အသုံးပြု ပါ။
  • font-sizeစာသားအရွယ်အစားများအတွက် အသုံးပြု ပါ။
  • text-alignစာသားချိန်ညှိမှုအတွက် အသုံးပြု ပါ။

HTML လေ့ကျင့်ခန်းများ

လေ့ကျင့်ခန်းများဖြင့် သင့်ကိုယ်သင် စမ်းသပ်ပါ။

လေ့ကျင့်ခန်း

စာပိုဒ်၏အရောင်ကို "အပြာ" ဟုသတ်မှတ်ရန် မှန်ကန်သော HTML attribute နှင့် CSS ကိုသုံးပါ။

<p= ";">ဤသည်မှာ စာပိုဒ်ဖြစ်သည်။</p>