တစ်ဦး Tag ကိုတိမ်တိုက် Style လုပ်နည်း

တစ်ဦး Tag ကိုတိမ်တိုက် Style ဖို့ CSS ကိုသုံးပါ

tag ကိုမိုဃ်းတိမ်ကိုပစ္စည်းစာရင်းတစ်ခုတစ်အမြင်အာရုံပုံဖော်တင်ဆက်ဖြစ်ပါတယ်။ သင်မကြာခဏဘလော့ဂ်များပေါ်တွင် tag ကိုမိုဃ်းတိမ်ကိုစီးမြင်လိမ့်မည်။ ဒါဟာ Flickr ကိုတူသောက်ဘ်ဆိုက်များအားဖြင့်လူကြိုက်များခဲ့ပါတယ်။

Tag ကိုမိုဃ်းတိမ်ကိုစီးအချို့သောတိုင်းတာ attribute ကိုပေါ် မူတည်. (တစ်ခါတစ်ရံလည်း COLOR) အရွယ်အစားနှင့်အလေးချိန်ပြောင်းလဲသွားစေသည်လင့်များများစာရင်းကိုဖြစ်ကြသည်။ အများစုမှာ tag ကိုမိုဃ်းတိမ်ကိုစီးလူကြိုက်များသို့မဟုတ်ကြောင့်အထူးသဖြင့် tag နဲ့ tagged ဖြစ်ကြောင်းစာမျက်နှာများ၏နံပါတ်ပေါ်အခြေခံပြီးတည်ဆောက်လျက်ရှိကြ၏။ သို့သော်သင်သည်ထိုသူတို့ပြသအနည်းဆုံးနည်းလမ်းနှစ်ခုရှိသင့် site ပေါ်တွင်ပစ္စည်းများကိုမဆိုစာရင်းထဲက tag ကိုမိုဃ်းတိမ်ကိုဖန်တီးနိုင်ပါတယ်။ ဥပမာ:

• ဆောင်းပါးများ၏ကျော်ကြားမှုကိုညွှန်းသည့်စတိုင်များနှင့်အတူအက္ခရာစဉ်ထဲမှာဆောင်းပါးတစ်ဦးကစာရင်းဖြစ်သည်။
• သငျသညျကိုအကောင်းဆုံးကြိုက်နှစ်သက်ရသောသူတွေကိုညွှန်ပြသည့်စတိုင်များနှင့်အတူအက္ခရာစဉ်အတိုင်း web site များ၏စာရင်းဖြစ်သည်။
• တစ်ခုချင်းစီကိုစံတစ်ခု Pre-defined အစုံမှကြွလာပုံကိုအနီးကပ်ညွှန်ပြသည့်စတိုင်များနှင့်အတူစျေးနှုန်းနိုင်ရန်အတွက်စာရင်းက်ဘ်အယ်ဒီတာများ၏စာရင်းတစ်ခု။
• သူတို့မှသငျ့အိမျကနေအကွာအဝေးကိုညွှန်းသည့်စတိုင်များနှင့်အတူမိတ်ဆွေတစ်ဦးကစာရင်းဖြစ်သည်။

သင်က Tag ကိုတိမ်တိုက် Build ဖို့ဘာလိုအပ်သလား?

ဒါဟာသင်သာအရာနှစ်ခုလိုပါတယ်တစ်ခု tag ကိုမိုဃ်းတိမ်ကိုတညျဆောကျရန်လွယ်ကူသည်:

• (Web ကိုဆောင်းပါးများ, web site များသို့မဟုတ်သင့်မိတ်ဆွေများကိုလိုမျိုး) ပစ္စည်းစာရင်းတစ်ခု
• (တစ်နေ့လျှင်စာမျက်နှာအမြင်များ, သင့်အဆင့် 1-10, သို့မဟုတ်သင့်အိမ်သူအိမ်သားမှအကွာအဝေးနဲ့တူ) ကပစ္စည်းတစ်ခုချင်းစီအတွက်တစ်ဦးတိုင်းတာခြင်း။

အများစုမှာ tag ကိုမိုဃ်းတိမ်ကိုစီးလင့်များ၏စာရင်းများမှာ, ဒါကြောင့်တစ်ဦးချင်းစီကို item ကသူနဲ့ဆက်စပ်တဲ့ URL ကိုရှိပါတယ်လျှင်ကူညီပေးသည်။ သို့သော်တစ်ဦးအမြင်အဆင့်ဆင့်ကိုဖန်တီးရန်မလိုအပ်ပါ။

လူကြိုက်များသော Links များတဲ့ Tag ကိုတိမ်တိုက် Build မှခြေလှမ်းများ

အကြှနျုပျ၏ site ကိုနေ့စဉ်နေ့တိုင်းစာမျက်နှာအမြင်များရဆောင်းပါးများရှိပါတယ်, ဤငါ့ကို tag ကိုမိုဃ်းတိမ်ကိုဖန်တီးရန်သုံးစွဲဖို့အတှကျလှယျကူသမက်ထရစ်ဖြစ်ပါတယ်။ ဒီတော့ဒီဥပမာအဘို့ကျနော်တို့ကိုငါ့ site ပေါ်တွင်ထိပ် 25 ဆောင်းပါးများကိုဇန်နဝါရီလ 1, 2007 တစ်ပတ်အဘို့, ဆောင်းပါးစာရင်းကိုကနေ tag ကိုမိုဃ်းတိမ်ကိုဖန်တီးပါလိမ့်မယ်။

1. သင်သည်သင်၏အဆင့်ဆင့်အတွက်ချင်တယ်မည်မျှအဆင့်ဆင့်ကိုဆုံးဖြတ်ရန်။
   1. ဒါကြောင့်သင့်ရဲ့စာရင်းထဲတွင်ပစ္စည်းများရှိသည်အဖြစ်သင်၏မိုးတိမ်၌ရှိသကဲ့သို့လူများစွာအဆင့်ဆင့်ရှိသည်ဖို့ဖြစ်နိုင်သမျှင်နေစဉ်, ဒီ code ကိုမှငွီးငှေ့ဖှယျရရှိသွားတဲ့, နှင့်ကွဲပြားမှုအလွန်အနည်းငယ်မျှသာရှိနိုင်ပါသည်။ ငါသည်သင်တို့၏အဆင့်ဆင့်ထဲ၌နောက်တဖန်မ 10 ထက်အဆင့်ဆင့်ရှိခြင်းအကြံပြုပါသည်။
2. တစ်ဦးချင်းစီအဆင့်များအတွက်ပယ်ဖြတ်အချက်များအပေါ်ဆုံးဖြတ်ပါ။
   1. ဆိုလိုသည်မှာ - ဒါဟာ 1/10 ချပ်သို့တစ်နေ့လျှင်သင့်စာမျက်နှာအမြင်များဖြတ်တောက်သကဲ့သို့ရိုးရှင်းတဲ့ဖြစ်လိမ့်မယ်။ သင့်ရဲ့ site ပေါ်တွင်အကြီးမားဆုံးစာမျက်နှာပေါင်း 100 စာမျက်နှာတစ်ရက်ရှုမြင်, သင်စသည်တို့ကို 100+, 90-100, 80-90, 70-80, အဖြစ်ကလှီးနိုင်ရရှိသွားတဲ့လျှင်ငါဖက်ရှင်၌ငါ့စာမျက်နှာအမြင်များကိုတက်ကုန်တယ်။
3. စာမျက်နှာအမြင်နိုင်ရန်အတွက်သင့်ရဲ့ပစ္စည်းစာရင်း, သူတို့ခြေလှမ်း 2 ပေါ်တွင်အခြေခံတဲ့ရာထူးပေး
   1. သင် slot နှစ်ခုအချို့အတွက်မည်သည့်ပစ္စည်းများရှိသည်မဟုတ်ကြဘူးလျှင်ရုံမိုဃ်းတိမ်ကိုပိုပြီးစိတ်ဝင်စားဖို့စေသည်, မစိုးရိမ်ပါနဲ့။
4. အက္ခရာစဉ် (သို့မဟုတ်ဒုတိယဘာပဲမျိုးသင်အသုံးပြုလိုသော) တွင်သင်၏စာရင်းကို Resort ။
   1. ဤသည်မိုဃ်းတိမ်စိတ်ဝင်စားဖို့စေသည်အရာဖြစ်တယ်။ သငျသညျရာထူးအားဖြင့်ခွဲထားခဲ့သည်ကစွန့်ခွာလျှင်, ကိုယ့်အောက်ခြေမှာအသေးဆုံးဆင်းထိပ်မှာအကြီးဆုံးပစ္စည်းများနှင့်အတူစာရင်းတစ်ခုဖြစ်လိမ့်မည်။
5. ရာထူးတစ်ခုလူတန်းစားအရေအတွက်ဖြစ်ပါတယ်ဒါကြောင့်သင့်ရဲ့ HTML ကိုရေးပါ။ အတန်းအစား = "tag4"> လွှအသံဖိုင်များထည့်သွင်းခြင်း

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

လွှအသံဖိုင်များထည့်သွင်းခြင်း <တစ် href = "/ html101classes / a / bl_xclass1_2a.htm" အတန်းအစား = "tag3"> အခြေခံ Tags: တစ်ဦးကျဘျဆိုကျအဘို့အ အကောင်းဆုံး Web Design Software များ <တစ် href = "/ beginningtutorials / a / aa033103a.htm "class =" tag2 "> စုစုပေါင်းပျောက်ဆုံးသွားသော အရောင်သင်္ကေတတစ်ခုက Web Page ကိုတည်ဆောက်ခြင်း

အဲဒီအစား, ငါသည်သင်တို့အနေနဲ့နံပါတ်စဉ်မပါတဲ့ list ကို သုံး. သင့် tag ကိုမိုဃ်းတိမ်ကိုဖန်တီးအကြံပြုပါသည်။ ဒါဟာက HTML နဲ့ CSS ကုဒ်အနည်းငယ်ပိုပြီးလိုင်းများရဲ့ဒါပေမယ့်အကြောင်းအရာနေပါစေဒါကြောင့်ကြည့်ရှုရန်ကြွလာသောသူဖတ်လို့ရအောင်ဖြစ်လိမ့်မည်ဟုသေချာ။ အဆိုပါ HTML ကိုဤကဲ့သို့သောကြည့်ရှုမည်ဟု:

• လွှအသံဖိုင်များထည့်သွင်းခြင်း
• <တစ် href = "/html101classes/a/bl_xclass1_2a.htm" class = "tag3"> အခြေခံ Tags: တစ်ဦးကျဘျဆိုကျအဘို့အ
• <တစ် href = "/ htmleditors / a / aa121304.htm" class = " tag7 "> အကောင်းဆုံး Web Design Software များ
• စုစုပေါင်းပျောက်ဆုံးနေတဲ့ များအတွက် Web ကို 's Page တည်ဆောက်ခြင်း
• အရောင်သင်္ကေတ

  သို့သော်အဘယ်မှာရှိ Tag ကိုမိုးတိမ်အများအတွက် Styles Are

  အခုဆိုရင်ကျနော်တို့ကပျော်စရာတစ်စိတ်တစ်ပိုင်း-The CSS ကိုစတိုင်များရ။ သင်တစ်ဦး tag ကိုမိုဃ်းတိမ်ကို style အခါ, သငျသညျအများအားဖြင့်စာလုံးအရွယ်အစားနှင့်ဖောင်အလေးချိန်ပြောင်းလဲသွား။ သငျသညျကိုလညျးဖောင်သို့မဟုတ်နောက်ခံသို့မဟုတ်အခြားစတိုင် attribute ကို၏အရောင်ကိုပြောင်းလဲနိုင်ပါတယ်, ဒါပေမယ့်အရွယ်အစားနှင့်အလေးချိန်ရိုးရာဖြစ်ကြသည်။

  သငျသညျ 10 စတိုင်အတန်းတစ်ခုစီ tag ကိုရာထူးများအတွက်တဦးတည်းလိုအပ်ပါတယ်:

  #cloud a.tag1 {font-size: 0.7em; font-အလေးချိန်: 100; } a.tag2 {font-size ကို #cloud: 0.8em; font-အလေးချိန်: 200; } a.tag3 {font-size ကို #cloud: 0.9em; font-အလေးချိန်: 300; } a.tag4 {font-size ကို #cloud: 1.0em; font-အလေးချိန်: 400; } a.tag5 {font-size ကို #cloud: 1.2em; font-အလေးချိန်: 500; } a.tag6 {font-size ကို #cloud: 1.4em; font-အလေးချိန်: 600; } a.tag7 {font-size ကို #cloud: 1.6em; font-အလေးချိန်: 700; } a.tag8 {font-size ကို #cloud: 1.8em; font-အလေးချိန်: 800; } a.tag9 {font-size ကို #cloud: 2.2em; font-အလေးချိန်: 900; } #cloud a.tag10 {font-size: 2.5em; font-အလေးချိန်: 900; }

  , အလယ်ဗဟိုမိုဃ်းတိမ်ကိုစာသားမိုဃ်းတိမ်ဖတ်လို့ရအောင်ကြောင်းသို့မှသာတစ်လိုင်း-အမြင့်တည် ထား. , ကျောက်ဆူး tags များသည်သူတို့ကိုမ padding ကိုရှိသည်သေချာအောင်: ငါသည်မိုဃ်းတိမ်သူ့ဟာသူန်းကျင်အချို့စတိုင်များပါဝင်သည်လို:

  #cloud {padding ကို: 2px; လိုင်း-အမြင့်: 3em; text-align: စင်တာ; } တစ် {padding ကို #cloud: 0px; }

  သင် semantic ပုံစံနည်းလမ်း (။ ဆိုလိုသည်မှာအဆိုပါနံပါတ်စဉ်မပါတဲ့စာရင်း) သုံးနေတယ်ဆိုလျှင်စာရင်းကိုကျည်ဆံတွေမရှိပါဘူးနှင့်အသစ်မှာမပါနိုင်အောင်နောက်ဆုံးအနေနဲ့, သင် CSS ကိုနှစ်ခုထက်ပိုသောလိုင်းများကိုထည့်သွင်းဖို့လိုအပ်ပါလိမ့်မယ်:

  #cloud {margin: 0; } #cloud li {display: inline; }