HTML တွင် tag များအုပ်စုဖွဲ့ရန် div tag

html<div class="block1">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div class="block2">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

css.block1 {
  color: red;
}
.block2 {
  color: green;
}

Задание 1

အောက်ပါ code ကိုပေးထားပါတယ်။

html<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

ပထမ div ရဲ့အကြောင်းအရာကို အနီရောင်၊ ဒုတိယ div ရဲ့အကြောင်းအရာကို အစိမ်းရောင်၊ တတိယ div ရဲ့အကြောင်းအရာကို အပြာရောင် ဆေးခြယ်ပါ။ ဒါကိုလုပ်ဆောင်ဖို့ div တစ်ခုစီကို class တစ်ခုစီ သတ်မှတ်ပါ။

Задание 2

အောက်ပါ code ကိုပေးထားပါတယ်။

html<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

ပထမ နှင့် တတိယ div ရဲ့အကြောင်းအရာကို အနီရောင်၊ ဒုတိယ နှင့် စတုတ္ထ div ရဲ့အကြောင်းအရာကို အစိမ်းရောင် ဆေးခြယ်ပါ။ ဒါကိုလုပ်ဆောင်ဖို့ ပထမ နှင့် တတိယ div ကို class တစ်ခုတည်း ပေးပြီး ဒုတိယ နှင့် စတုတ္ထ div ကို နောက်ထပ် class တစ်ခု ပေးပါ။