သငျသညျက HTML စာမျက်နှာကိုဖန်တီးရန်မည်သို့မည်ပုံထင်ကြသလော ဒီလိုလုပ်ဖို့, သင်နာရီအနည်းငယ်ဖြုန်းဖို့လိုအပ်ပါတယ်, သင်သည်သိရကြလိမ့်မည် HTML ကို၏အခြေခံ။ ထိုအသင်ပထမဆုံးစာမျက်နှာ 5 မိနစ်နိုင်ပါလိမ့်မည်ဖန်တီးပါ။

HTML ကို HyperText Markup Language ကိုဆိုလိုတာပါ။ ဘာသာပြန်ထားသောကြောင့် "Hypertext Markup Language" ကိုဆိုလိုသည်။ က programming language ကို, အမည်ရ markup site ကိုမရင့် - ဒါဟာ HTML ကိုနားလည်ရန်အရေးကြီးပါသည်။

အားလုံးခေတ်သစ် browser များကအသိအမှတ်မပြုနိုင်ကြသည်။ ထိုအခါသူတို့ကကြိုတင်မဲရေးသားသူအားဖြင့်ရည်ရွယ်ပါသည်ခဲ့သည်အတိုင်း, အသုံးပြုသူများအတွက်အဆင်ပြေလမ်းအတွက်သတင်းအချက်အလက်များပြသပါ။

ဤသည်ဘာသာစကားအထူး tags များအသုံးပြုသည်။ တစ်ခုချင်းစီကို tag ကိုတစ်ဦး function ကိုရှိပါတယ်။ သူတို့ထဲကတစ်ဦးကအများကြီး။ အကောင်းဆုံးကတော့, သငျသညျအရာခပ်သိမ်းကိုသင်ယူဖို့လိုအပ်ပါတယ်။ ဒါပေမယ့်အစပြုအခြေခံအသိပညာအဘို့လောက်ပေ၏။

HTML ကိုအခြေခံ

သငျသညျက HTML စာမျက်နှာကိုဖန်တီးနိုင်မီ, သင်ကသိရန်လိုအပ်သည်။ ၎င်းဒြပ်စင်များနှင့် tag ကို: ဤဘာသာစကားတွင်နှစ်ခုအယူအဆရှိပါတယ်။

၎င်းဒြပ်စင်စတင်ခဲ့သည်နှင့်တစ်ခုဖွင့်လှစ်ခြင်းနှင့်ပိတ်ပွဲ tag ကိုသုံးပြီးပိတ်ရှိရာသတ်မှတ်ရန်။ ဒါဟာနဲ့တူလှပါတယ်။

အကြောင်းအရာ

သငျသညျမွငျနိုငျသကဲ့သို့, ဖွင့်ပွဲနှင့်ပိတ်ပွဲ tag ကို "/" အားဖြင့်သာကွာခြား။

အားလုံးက HTML-စာရွက်စာတမ်းသည်ဤဒြပ်စင်အစုတခုဖြစ်ပါတယ်။ စာရွက်စာတမ်းများ၏ဖွဲ့စည်းတည်ဆောက်ပုံများအတွက်အချို့သောလိုအပ်ချက်များကိုရှိပါတယ်။ အားလုံးစာမျက်နှာအကြောင်းအရာနှစ်ခု tags များက နဲ့ အကြားဖြစ်ရပါမည်။ သငျသညျကုဒ်ရေးတဲ့အခါ, ချက်ချင်းဖွင့်လှစ်ခြင်းနှင့်ပိတ် tag ကိုနှိမ့်ချထားရန်ကအလေ့အထယူပါ။

ထို့အပြင်ဘာသာစကား၏ HTML ကိုဖွဲ့စည်းပုံ၎င်း၏ကိုယ်ပိုင်အဆင့်ဆင့်ရှိပါတယ်ဆိုတာသတိရပါ။ ဒီလိုမှမဟုတ်ရင် nesting များနမူနာဟုခေါ်သည်။ HTML ကို tag ကို အပေါငျးတို့သညျအခွားသူမြားကအတွင်းပိုင်းကြောင့်, အရေးအပါဆုံးဖြစ်ပါတယ်။

HTML မှာနှစ်ခုကလေးသည်ဒြပ်စင်ရှိပါတယ်:

• <ဦးခေါင်း> ... ;
• .. ။

အဆိုပါ HEAD အပိုင်းမှာတော့အမျိုးမျိုးသောဝန်ဆောင်မှုသတင်းအချက်အလက်ကိုသတ်မှတ်ပါတယ်။ ဤအချက်အလက် browser ကိုပြသနေသည်မဟုတ်ပါဘူး။ ဥပမာအား developer များအဘို့, လမ်းညွှန်ချက်များ, ရှိသမျှအစီအစဉ်များ, စက်ရုပ်နှင့်ပိုပြီးအဘို့။

အရေးအပါဆုံးအရာ - အကြောင်းအရာမရှိပါရှိသေး၏။

ခန္ဓာကိုယ်အပိုင်းအသုံးပြုသူမှပြသပါလိမ့်မည်သည့်စာရွက်စာတမ်း၏အကြောင်းအရာသတ်မှတ်ပါတယ်။

ဒါဟာလဲဖြစ်နဲ့ 10 ခွဲပစ္စည်းများနိုင်ပါတယ်အဖြစ်ချက်ချင်း, အများပြည်သူနှင့်ပုဂ္ဂလိက tags များအောင်လေ့လာပါ။ ထို့အပြင်ခုနှစ်, အဆင်ပြေအသိုက် tags များပြီးအင်တင်းခဲ့သည်လုပ်ပါ။ ဥပမာအားဖြင့်, ဤကဲ့သို့သော။

ဒါကြောင့်တန်းတူအရေးပါမှု tags များတူညီအဆင့်မှာ ရှိ. , ထိုသူငယ်ကြောင်းအောင် - ကို "အထဲမှာ" ။ ဖတ်ပါနှင့်ကုဒ်များတစ်ဦးအထူးသဖြင့်အပိုင်းအစရှာဖွေရန်ဒါအများကြီးပိုမိုလွယ်ကူ။ ဒီလိုမှမဟုတ်ရင်သင်ကရှုပ်ထွေးရနိုင်သည်။ သို့သော်အာကာသချွေတာရေးအဘို့အဦးခေါင်းနှင့်ခန္ဓာကိုယ် tags များ padding ကိုမပါဘဲလုပ်ဆောင်နိုင်တယ်ဖြစ်ပါတယ်။ ဒီတော့အပေါငျးတို့သညျအခွားသူမြားဘာမျှမကုန်အမှာစာရှိခဲ့ထံသို့လာကြ၏။ အခြားအရာအားလုံးခွဲခြားရန်နှစ်လိုဖွယ်ဖြစ်ပါသည်။

အပေါ်တစ်ဦးရိုးရှင်းသောက HTML စာမျက်နှာကိုဖန်တီးရန်ကဘယ်လို

သငျသညျအယ်ဒီတာအချို့မျိုးလိုအပ်ပါတယ် code ကိုရေးပါရန်။ သူတို့ထဲကတစ်ဦးကအများကြီး။ လူကြိုက်များ Notepad ++ နဲ့ Adobe က Dreamweaver ဖြစ်ကြသည်။ သင်တို့သည်လည်းမှတ်စုစာအုပ်ကိုသုံးနိုင်သည်။

ဤတွင်အဘယ်အရာကို Notepad ++ အယ်ဒီတာပါပဲ။

ဒါဟာအလွန်အသုံးပြုသူ-ဖော်ရွေအယ်ဒီတာဖြစ်ပြီးကအခမဲ့ဖြစ်ပါတယ်။ Adobe က Dreamweaver အထက်တွင်အခပေးဖြစ်ပါတယ်။ ရေးသားခြင်းများအတွက်ဒီဇိုင်းရေးဆွဲအယ်ဒီတာမတူဘဲ က HTML ကုဒ် ကတော့ pad ပါကနေ - အထူး tags များအတွက်မီးမောင်းထိုးပြနေကြသည်။ ဒါကြောင့်အလင်းမပါဘူးဆိုရင်, သင်ရေးထားပြီဟုဆိုလိုသည်မှား၏။

အလင်း၏ဘာသာစကားကိုကိုက်ညီနိုင်ရန်အတွက်ကြောင့် setting တွင်သတ်မှတ်ရန်လိုအပ်ပေသည်။

Notepad တစ်ခုက HTML စာမျက်နှာကိုဖန်တီးရန်မည်သို့မည်ပုံကိုကြည့်ကြရအောင်။ သောနည်းပညာပိုင်းဆိုင်ရာအစိတ်အပိုင်းတစ်ခုပြီးအောင်ဖြစ်ပါတယ်, ပြီးတော့ပဲ tag ကို၏လေ့လာမှုအပေါ်ရွှေ့ပါ။

အဆိုပါမှတ်စုစာအုပ်ထဲမှာဝဘ်စာမျက်နှာကိုဖန်တီးရန်ကဘယ်လို HTML ကို

ပထမဦးစွာမှတ်စုစာအုပ်ဖွင့်လှစ်။

အဲဒီနောက်အောက်ပါမျက်နှာပြင်ပုံအတွက်သတ်မှတ်ထားသောကြောင်းအထဲတွင်ရိုက်ထည့်ပါ။

ရုံမိတ္တူ, မိမိလက်ကိုမရေးပါရန်အသုံးပြု Get ။ သင်သည်သင်၏လက်၌ရေးထားသည့်အခါသင်ပိုကောင်းတစ်ခုလုံးကို tag ကိုဒေတာဘေ့စအလွတ်ကျက်။

ထို့နောကျ "File ကို Save" နှင့်ဖိုင်တစ်ဖိုင်အမည်ကိုသတ်မှတ်ပေမယ့် extension ကို .html အတူ menu ကို click လုပ်ပါ။

ဖိုင်ကိုသင့် browser ဖွင့်လှစ်, နှင့်ရလဒ်ကိုခံစားစေနိုင်ပါတယ်။ အခုဆိုရင်သင်မှတ်စုစာအုပ် HTML မှာဝဘ်စာမျက်နှာကိုဖန်တီးရန်မည်သို့မည်ပုံရှင်းရှင်းလင်းလင်းဖြစ်သင့်သည်။

ကမ္ဘာ့ဖလား Consortium W3C

အင်တာနက်ကိုအဘို့ရှိသမျှကိုစံချိန်စံညွှန်းများဖွံ့ဖြိုးခြင်းနှင့်အကောင်အထည်ဖော်ဆောင်ရွက်နေသောရာထိုကဲ့သို့သော W3C အဖြစ်အဖွဲ့အစည်းတစ်ခုရှိပါသည်။ အားလုံး browser များကဤစည်းမျဉ်းစည်းကမ်းတွေနဲ့အညီစာမကျြနှာဤစံချိန်စံညွှန်းများနှင့်အမှုလုပ်ငန်းစဉ်အဆင်အပြင်ကို (s) မှဘာသာရပ်ဖြစ်ကြသည်။

HTML ကို၏ developer များ၏တရားဝင်ဝက်ဘ်ဆိုက်, သင်သည်သူတို့၏အသုံးပြုမှုနှင့်စပ်လျဉ်းအားလုံး tags များနှင့်စည်းမျဉ်းများနှင့်အတူစားပွဲတစ်ခုရှာတွေ့နိုင်ပါသည်။ ဤဆောင်းပါး၌ကျွန်ုပ်တို့သည်အခြေခံအကျဆုံးမှာကြည့်ပါ။

သင်မှန်ပါလိမ့်မယ်အဘယ်အရာကိုစဉ်းစားနိုင်မလဲ? ဤသူအပေါင်းတို့သည် tags များတဲ့ထောက်ခံချက်ရှိသည်။ သူတို့ထဲကအတော်များများ:

• optional tag ကို။
• တားမြစ်ထား။
• blank tag ကို။
• ခေတ်မလိုက်သော
• ပျောက်ဆုံးသွားသော။

အဆိုပါ HTML မှာ Tags:

သငျသညျက HTML စာမျက်နှာကိုဖန်တီးနိုင်မီ, သင် HEAD ၏ဝန်ဆောင်မှုအတွက်ဖြစ်ကြောင်းနားလည်ရန်လိုအပ်သည်။

HEAD ဧရိယာများတွင်မဖြစ်မနေနှင့် optional ကို tags များနှစ်မျိုးလုံးရှိပါတယ်။ တာဝန် tag ကို header ကိုရည်ညွှန်းသည်။ ဒါဟာ <ခေါင်းစဉ်> ခေါင်းစဉ် အားဖြင့်ခေါ်လိုက်ပါမယ်ဖြစ်ပါတယ်။ သူတစျခုလုံးကိုစာရွက်စာတမ်းဖို့တာဝန်ဖြစ်ပါတယ်။ တစ်ဦး tag ကိုခေါင်းစဉ် - ထိုအခါသင်သည်အဘယ်သို့ Google က search engine ကိုရလဒ်များကိုအတွက်ကြည့်ရှုပါ။

ကျနော်တို့ BODY အပိုင်းကိုဖွင့်။ browser ကိုပြသကြသည်ဒြပ်စင်ရှိပါတယ်ဖြစ်ကြသည်ကို၎င်း, Non-ပြသရှိပါသည်။ ဥပမာ, မှတ်ချက်များအသုံးပြုသူမှပြသကြသည်မဟုတ်။ သငျသညျအဖွဲ့တစ်ဖွဲ့မှာအလုပ်မလုပ်လျှင်သူတို့ကမှတ်စုသို့မဟုတ်အခြားဝန်ထမ်းများအတွက်အကြံပြုချက်များအတှကျအသုံးပွုနိုငျသညျ။

သူတို့ကအဖြစ်သတ်မှတ်ထားသော

, ဒီလမ်းအတွက်မှတ် program ကို အားလုံးသောအကြားဖြစ်ပါသည်။ သင်သည်အခြား tag ကိုမှတ်ချက်အတွက်မှတ်ချက် tag ကိုကိုမထားနိုငျသောသတိပြုပါ။ ! သမျှသောပေါ်သွားပါကဖော်ပြပေးမည်မဟုတ်ပါ - အဖြစ်မကြာမီသင် <ဖွင့်လှစ်အဖြစ်ကြောင့်ဖြစ်သည်။ > - ထို handler ကိုတစ်ဦးပိတ် tag ကိုကြည့်ရှုမည်မဟုတ်အဖြစ်ပြန်ကြားရေးတာရှည်အဖြစ်မြင်နိုင်မည်မဟုတ်ပေ။

ထိုကဲ့သို့သောဝင်းတခုရဲ့ဥပမာ:

ဆက်လက် ->

browser ကိုအောက်ပါတို့မှရလဒ်ဖြစ်လိမ့်မည်

ပထမဦးဆုံးမှတ်ချက်ပေး၏ဆက်လက် ->

ဒါပေမယ့် <တဲ့အပိုင်းအစ -! မှတ်ချက်ပေးရန်ပထမဦးဆုံး မြင်နိုင်လိမ့်မည်မဟုတ်ပေ။ ဒုတိယဖွင့်လှစ် tag ကို

စာသားထဲမှာခေါင်းစဉ်

ခေါင်းစဉ်ခေါင်းစဉ် tag ကိုသုံးပြီး HEAD အပိုင်းထဲမှာမသာသတ်မှတ်ပါတယ်။ အဆိုပါခေါင်းစဉ်များ၏အခြေအနေတွင်သေချာပေါက်သတ်မှတ်ထားသောရမည်ဖြစ်သည်။ သာကတည်းကအသုံးပြုသူမြင်သည်။

ခေါင်းစီးသတင်းအဆင့်ဆင့်အမျိုးမျိုးအတွက်လာ။ စာသားထဲမှာထို့ကြောင့်တစ်ဦးအဆင့်ဆင့်။ စာအုပ်တစ်အုပ်အတွက်ညီမျှသော volumes ကိုအခန်းကြီး, အပိုဒ်။

ဒါဟာ 6 အဆင့်ဆင့်ဖြစ်ပါတယ်။ အဓိကခေါင်းစဉ်

ခေါင်းစဉ် သတ်မှတ်ထားသောဖြစ်ပါတယ်။ စာမကျြနှာ h1 tag များအတွက်စာသား, နှင့်ခေါင်းစဉ်ကိုမြှင့်တင်ရန်၏စည်းကမ်းချက်များ၌တူညီသောဖြစ်သင့်သည်။ ထို့အပွငျအမြင်တစ်ခုဗေဒပွိုင့်ကနေ h1, တစ်ဦးတည်းသာရှိသင့်ပါတယ်။ ဒါပေမဲ့ဒီ browser ကိုနောက်ဆက်တွဲ h1 မကိုင်တွယ်လိမ့်မည်ဟုမဆိုလိုပါ။ သူတို့ကသင်အလိုရှိသမျှအတိုင်းပြုနိုင်ပါသည်, သို့သော်ဤနှစ်လိုဖွယ်မဟုတ်ပေ။

ထပ်ဆင့်ခေါင်းစီးဘို့ h2 ကနေ h6 မှ tags များကိုအသုံးပြုပါ။ ပထမဦးဆုံး, ဒုတိယ, တတိယ, စတုတ္ထ, ပဉ္စမနှင့်ဆဋ္ဌမအဆင့်ကိုခေါ်ခေါင်းစဉ် - သူတို့ကဒါဖြစ်ကြသည်။ ဒါကြောင့်တစ်ဦးအသိုက်အချက်အလက်များနှင့်အမျိုးအစားထဲသို့ဌာနခွဲဖန်တီးပါ။

ဒါဟာနဲ့တူလှပါတယ်။

စာပိုဒ်

သင် tag ကို

... မှတ်ပုံတင်ရန်လိုအပ်သည့်ကုဒ်အတွက်အဓိကစာသား။ သူကစကားလုံး "အပိုဒ်" မှလာ၏။ တစ်ခုချင်းစီအပိုဒ်တဦးတည်းပုံထဲမှာအရာအားလုံးပနျးပုထု

tag ကိုဖြည့်ပါလျက်နှင့်မသင့်ပါသည်။ ပုံမှန်လိုင်းချိုးလုပ်ငန်းများ၌မည်မဟုတ်ပါ။ အရာအားလုံးတစ်ခုတည်းလိုင်းအတွက်ညွှန်ပြပါလိမ့်မယ်။ လွှဲပြောင်းမှုအတွက်သုံးစွဲဖို့မလိုအပ်
tag ကို။

အဆိုပါ tag ကို၏အပြောင်းအရွှေ့တံခါးပိတ်မဟုတ်ကြောင်းသတိပြုပါ။ သူတစ်ခုတည်းဖြစ်ပါတယ်။

ဥပမာအားဖြင့်ကျမ်းပိုဒ်အပေါ်စဉ်းစားပါ။

ကွဲပြားခြားနားသော tags များ၎င်း၏ "အမည်" အပြင်, တစ်ဦး attribute ကိုလည်းမရှိ။ ဥပမာ, အပိုဒ် tag ကို align ခေါ်လိုက်ပါမယ်သောတစ်ဦး attribute က "alignment ကို" ရှိပါတယ်။ ဒါဟာ left, ညာ, အလယ်ဗဟိုမှသတ်မှတ်နိုင်ပါသည်။ အကြောင်း, လက်ဝဲသို့မဟုတ်ညာဘက်သို့မဟုတ်စင်တာများ၏ alignment ကိုဖြစ်ပါတယ်။

လင့်များအသုံးပြုခြင်း

သင်ဖြစ်နိုင်ပြီးသားထင်ပါတယ်: လင့်များနှင့်အတူက HTML စာမျက်နှာကိုဖန်တီးရန်မည်သို့မည်ပုံ? အဲဒီအကြောင်းရှုပ်ထွေးဘာမှမရှိဘူးဖြစ်ပါတယ်။ လင့်များက HTML စာမျက်နှာကိုဖန်တီးအလွန်ရိုးရှင်းပါသည်။ ဒီရည်ရွယ်ချက်အတွက်အထူး tag ကို ရှိသေး၏။ ဒါဟာသူ့ရဲ့လိုအပ် attribute တွေရှိပါတယ်။ သငျ့လျြောသော link ကိုဒီတူ:

link ကိုကိုစာသား

သင်တစ်ဦးလိပ်စာနှင့်စာသားသတ်မှတ်မထားဘူးဆိုရင်, သို့ဖြစ်လျှင်ဤ link ကိုအသုံးပြုသူမှအချည်းနှီးသို့မဟုတ်မမြင်ရတဲ့ဖြစ်လိမ့်မည်။

ကောက်ချက်

အဲဒီမှာ tags များအများကြီးဖြစ်ကြသည်ကို၎င်း, တစ်ဦးချင်းစီ attribute တွေ၏၎င်း၏ကိုယ်ပိုင်အစုံရှိပါတယ်။ ဤအချက်အလက်ဖတ်ပြီးနောက်, သင်ကဝဘ်စာမျက်နှာက HTML ကိုဖန်တီးရန်မည်သို့မည်ပုံနားလည်သင့်တယ်။

ဤဒေသရှိ၎င်းတို့၏အသိပညာကိုချဲ့ထွင်နိုင်ဖို့အတွက်သင်ပိုမိုစာအုပ်တွေကိုဖတ်ပါနှင့်ဆိုက် W3C ပေါ်တွင်တည်ရှိပြီးသောက HTML ပေါ်တွင်တရားဝင်ရည်ညွှန်း tags များသုံးစွဲဖို့လိုအပ်ပါတယ်။ သင်သည်ဘာသာစကားစာရေးဆရာများ၏အခါအားလျော်စွာ updated directory ကိုမသုံးထားဘူးဆိုရင်, သင်သည်ဤလယ်ပြင်၌တစ်ဦးပရော်ဖက်ရှင်နယ်ဖြစ်လာရန်ခဲယဉ်းပါလိမ့်မည်။