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 class Attribute


ဥပမာ

HTML document တစ်ခုတွင် class attribute ကိုအသုံးပြုခြင်း-

<html>
<head>
<style>
h1.intro {
  color: blue;
}

p.important {
  color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>

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


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

classရည်ညွှန်းချက်သည် ဒြပ်စင်တစ်ခုအတွက် တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော အတန်းအမည်များကို သတ်မှတ်သည်

classစတိုင်စာရွက်ရှိ အတန်းတစ်ခုအား ညွှန်ပြရန် attribute ကို အများအားဖြင့် အသုံးပြုသည် သို့ရာတွင်၊ သတ်မှတ်ထားသော အတန်းအစား HTML ဒြပ်စင်များသို့ ပြောင်းလဲမှုများ ပြုလုပ်ရန် JavaScript (HTML DOM မှတဆင့်) ကိုလည်း အသုံးပြုနိုင်သည်။


Browser ပံ့ပိုးမှု

Attribute
class Yes Yes Yes Yes Yes

အထားအသို

<element class="classname">

ရည်ညွှန်းတန်ဖိုးများ

Value Description
classname Specifies one or more class names for an element. To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element.

Naming rules:

  • Must begin with a letter A-Z or a-z
  • Can be followed by: letters (A-Za-z), digits (0-9), hyphens ("-"), and underscores ("_")

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

ဥပမာ

HTML အစိတ်အပိုင်းတစ်ခုသို့ အတန်းများစွာကို ပေါင်းထည့်ပါ-

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
  color: blue;
  text-align: center;
}

.important {
  background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>

ဥပမာ

class="example" (အညွှန်း 0) ဖြင့် ပထမဒြပ်စင်သို့ အဝါရောင်နောက်ခံအရောင်ထည့်ရန် JavaScript ကို အသုံးပြုခြင်း။

var x = document.getElementsByClassName("example");
x[0].style.backgroundColor = "yellow";

ဥပမာ

id="myDIV" ပါသည့် အရာတစ်ခုသို့ "mystyle" အတန်းကို ထည့်ရန် JavaScript ကို အသုံးပြုခြင်း-

document.getElementById("myDIV").classList.add("mystyle");

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

HTML သင်ခန်းစာ- HTML အရည်အချင်းများ

CSS သင်ခန်းစာ- CSS Syntax

CSS ရည်ညွှန်းချက်- CSS .class ရွေးချယ်မှု

HTML DOM ရည်ညွှန်း- HTML DOM getElementsByClassName() နည်းလမ်း

HTML DOM ရည်ညွှန်းချက်- HTML DOM className Property

HTML DOM ရည်ညွှန်းချက်- HTML DOM classList Property

HTML DOM ရည်ညွှန်း- HTML DOM စတိုင် Object