အဆိုပါ က HTML ဘာသာစကား ဒြပ်စင်နံပါတ်ပါဝင်သည်။ ဤရွေ့ကားလေ့အသုံးပြုပါဝင်သည် က်ဘ်ဆိုက်အစိတ်အပိုင်းများ အပိုဒ်, ခေါင်းစဉ်, link နဲ့ပုံရိပ်တွေလိုပဲ။ အဆိုပါခေါင်းစဉ်, nav, footer နှင့်ထို့ထက် ပို. အပါအဝင် HTML5 ကိုနှင့်အတူမိတ်ဆက်ခဲ့အသစ်များဒြပ်စင်များ၏အရေအတွက်လည်းရှိပါတယ်။ ဤအက HTML element တွေကိုအားလုံးတစ်ဦးစာရွက်စာတမ်းများ၏ဖွဲ့စည်းတည်ဆောက်ပုံကိုဖနျတီးကအဓိပ်ပာယျပေးရအသုံးပြုကြသည်။ ဒြပ်စင်ဖို့ ပို. ပင်အဓိပ္ပာယ်ကိုထည့်ရန်, သင်သည်ထိုသူတို့ attributes ပေးနိုင်ပါသည်။
တစ်ဦးကအခြေခံ HTML ကိုဖွင့်လှစ် tag ကိုပု <ဇာတ်ကောင်နှင့်အတူစတင်သည်။ ဒါက tag ကိုနာမည်ဖြင့်နောက်တော်သို့လိုက်နှင့်နောက်ဆုံးတော့, သင်> ဇာတ်ကောင်နှင့်အတူ tag ကိုဖြည့်စွက်ထားပါသည်။ ဥပမာ, အဖွင့်စာပိုဒ် tag ကိုဤကဲ့သို့သောစာဖြင့်ရေးသားသွားမည်ဖြစ်ကြောင်း:
သင့်ရဲ့ HTML ကို tag ကိုတစ်ခု attribute ကိုထည့်ရန်, သင်ပထမဦးဆုံး (ထို "p" ကြောင်းဤကိစ္စတွင်မှာ) tag ကိုနာမတျောကိုအပြီးအာကာသထားတော်မူ၏။ ထိုအခါသင်တန်းတူနိမိတ်လက္ခဏာအားဖြင့်နောက်တော်သို့လိုက်ကိုသုံးပါရန်ဆန္ဒရှိသော attribute ကိုနာမတျောကို add လိမ့်မယ်။ နောက်ဆုံးအနေနဲ့ attribute မှာ value ကိုကိုးကားအမှတ်အသားများထဲတွင်နေရာမည်ဖြစ်သည်။ ဥပမာ:
Tags: မျိုးစုံ attribute တွေရှိနိုင်ပါသည်။ သင်တစ်ဦးအာကာသနှင့်အတူအခြားသူများထံမှတစ်ဦးချင်းစီ attribute ကိုခွဲထုတ်မယ်။
လိုအပ်သော Attribute တွေကအတူ elements
သငျသညျရည်ရွယ်အဖြစ်ကသူတို့ကိုအလုပ်လုပ်ချင်တယ်ဆိုရင်တချို့က HTML element တွေကိုအမှန်တကယ် attribute တွေလိုအပ်သည်။ အဆိုပါပုံရိပ်ဒြပ်စင်များနှင့် link ကိုဒြပ်စင်ဒီနှစ်ခုကိုဥပမာဖြစ်ကြသည်။
အဆိုပါပုံရိပ်ဒြပ်စင်သည် "src" attribute ကိုလိုအပ်သည်။ အဲဒီ attribute ကိုသင်တည်နေရာအတွက်အသုံးပြုချင်ရာ image ကို browser ကိုပြောပြသည်။ attribute မှာ၏တန်ဖိုး image ကိုတစ်ဖိုင်လမ်းကြောင်းဖြစ်လိမ့်မည်။ ဥပမာ:
သငျသညျငါသညျဤဒြပ်စင်ရန်နောက်ထပ် attribute က, က "alt" သို့မဟုတ်အခြားစာသားကို attribute ကိုထည့်သွင်းကြောင်းသတိထားမိပါလိမ့်မယ်။ ဤသည်နည်းပညာပိုင်းပုံရိပ်တွေများအတွက်လိုအပ်သော attribute ကသည်မဟုတ်, အမြဲတမ်းအသုံးပြုနိုင်စွမ်းအဘို့ဤအကြောင်းအရာပါဝင်သည်ရန်အကောင်းဆုံးအလေ့အကျင့်ဖြစ်ပါတယ်။ အဆိုပါ alt attribute ကို၏တန်ဖိုးအတွက်စာရင်းစာသားပါလျှင်ပြသပါလိမ့်မယ်ကားအဘယ်သို့ ပုံတစ်ပုံကို load လုပ်ဖို့ပျက်ကွက် အချို့သောအကြောင်းပြချက်များအတွက်။
တိကျတဲ့ attribute တွေလိုအပ်ပြီးအခြား element ကကျောက်ဆူးသို့မဟုတ် link ကို tag ကိုဖြစ်ပါတယ်။ ဤသည်ဒြပ်စင် '' hypertext ကိုကိုးကားရပ်တည်သော "href" attribute ကို, ပါဝင်သည်ရမည်ဖြစ်သည်။ ဒီ link ကိုသွားသင့်ရှိရာ "ဟုတစ်ဖန်စီနည်းလမ်းဖြစ်ပါတယ်ဒါက" ။ "ဟုအဆိုပါပုံရိပ်ဒြပ်စင် load မှရသောပုံရိပ်သိရန်လိုအပ်ပါသည်ရုံလိုပဲ link ကို tag ကိုရမယ် အဲဒါကိုမကြိုက်ဘူးသင့်တယ်ဘယ်မှာသိကြဒီနေရာမှာ link တစ်ခု tag ကိုကြည့်ရှုစေခြင်းငှါပုံဖြစ်ပါသည်။ :
အဲဒီ link ကိုယခုတစ် attribute ကို၏တန်ဖိုးအတွက်သတ်မှတ်ထားသောဝက်ဘ်ဆိုက်မှပုဂ္ဂိုလ်တစ်ဦးဆောင်ခဲ့ကြလိမ့်မယ်။ ဤကိစ္စတွင်ခုနှစ်, က၏အဓိကစာမျက်နှာဖြစ်ပါသည်။
CSS ကိုချိတ်အဖြစ် attribute တွေ
သူတို့ CSS ကိုစတိုင်များအတွက် "ချိတ်" အဖြစ်အသုံးပြုကြသောအခါ attribute တွေနောက်ထပ်အသုံးပြုမှုဖြစ်ပါတယ်။ ကို web စံချိန်စံညွှန်းသင်သည်သင်၏စာမျက်နှာရဲ့ဖွဲ့စည်းတည်ဆောက်ပုံ (HTML) ကိုသင်စနစ်တကျစာမျက်နှာဝဘ်ဘရောက်ဇာထဲမှာပြသပါလိမ့်မယ်ဘယ်လို dictate ဖို့ CSS ကိုတွင်ဤ attribute ကိုချိတ်ကိုသုံးယင်း၏စတိုင်များ (CSS ကို) မှခွဲထုတ်စောင့်ရှောက်သင့်ကြောင်း dictate ကြောင့်ဖြစ်သည်။ ဥပမာအားဖြင့်, သင်သည်သင်၏ HTML document မှာရှိတဲ့ markup ၏ဤအပိုင်းအစရှိနိုငျတယျ။
သငျသညျ (# 000) အနက်ရောင်တစ်နောက်ခံအရောင်နဲ့ 1.5em တစ် font-size ကိုရှိသည်ဖို့ကြောင်းဌာနခွဲလိုချင်ပါကသင့် CSS ကိုမှဒီ add မယ်လို့:
{background-color .featured: # 000; font-size: 1.5em;}အတန်း attribute ကကျနော်တို့အဲဒီဒေသမှာမှစတိုင်များလျှောက်ထားဖို့ CSS ကိုသုံးမယ့်ချိတ်အဖြစ်ပြုမူ "featured" ။ ငါတို့အလိုရှိလျှင်ငါတို့သည်လည်းကျွန်တော်တို့ကိုတစ်ခု ID ကိုဤနေရာတွင် attribute နိုင်ဘူး။ နှစ်ဦးစလုံးအတန်းနှင့် IDs သူတို့မဆိုဒြပ်စင်မှဆက်ပြောသည်နိုင်ပါတယ်ဆိုလိုတာကတစ်လောကလုံး attribute တွေဖြစ်ကြသည်။ သူတို့ကအစနှစ်ဦးစလုံးကြောင့်ဒြပ်စင်များ၏အမြင်သဏ္ဌာန်ကိုဆုံးဖြတ်ရန်တိကျတဲ့ CSS ကိုစတိုင်များနှင့်အတူပစ်မှတ်ထားနိုင်ပါတယ်။
Javascript ကိုနှင့်စပ်လျဉ်း
နောက်ဆုံးအနေနဲ့အချို့ HTML element တွေကိုအပေါ် attribute တွေသုံးပြီးသင်တို့ကိုလည်း Javascript ကိုအတွက်အသုံးပြုနိုင်ပါသည်တစ်ခုခုပါပဲ။ သင်တစ်ဦးသတ်သတ်မှတ်မှတ် ID ကို attribute ကိုအတူ Element တစ်ခုရဲ့ရှာနေသော script ကိုရှိပါကသော HTML ကိုဘာသာစကား၏ဤဘုံအပိုင်းအစ၏သေးသောအခြားအသုံးပြုမှုဖြစ်ပါတယ်။