ဘယ်လို 2x2 စားပွဲတင် Build ရန်

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

တစ်ဦးကအကျဉ်းချုပ်ဇယား၏သမိုင်းကြောင်းနဲ့ Web ဒီဇိုင်း

နှစ်ပေါင်းများစွာအကြာက, ရှေ့တော်၌ထို၏လက်ခံနိုင်ဖွယ် CSS ကို နှင့်ဝက်ဘ်စံချိန်စံညွှန်းကို web ဒီဇိုင်နာများက်ဘ်ဆိုက်များစာမျက်နှာ layout ကိုဖန်တီးရန်က HTML

element ကိုအသုံးပြုခဲ့သည်။ ဝက်ဘ်ဆိုက်ဒီဇိုင်းများတဲ့ပဟေဠိများကဲ့သို့နည်းနည်းအပိုင်းပိုင်းသို့ "ခွဲ" နှင့်ထို့နောက်ရည်ရွယ်အဖြစ် browser မှာဆပ်ဖို့က HTML စားပွဲပေါ်မှာနှင့်အတူပေါင်းစပ်မည်ဖြစ်သည်။ ဒါဟာအပိုက HTML markup အများကြီးဖန်တီးသောယနေ့အသုံးဝင်သောဖြစ်ဘယ်တော့မှမယ်လို့ဟာအလွန်ရှုပ်ထွေးတဲ့ဖြစ်စဉ်ကိုခဲ့တာ ကျွန်တော်တို့ရဲ့က်ဘ်ဆိုက်များတွင်နေထိုင်သည့် Multi-screen ကိုကမ္ဘာက ။ CSS ကိုဝက်ဘ်စာမျက်နှာပုံရိပ်ယောင်များနှင့်အဆင်အပြင်များအတွက်လက်ခံခဲ့သည်နည်းလမ်းဖြစ်လာသည်နှင့်အမျှ, ဒီအဘို့စားပွဲ၏အသုံးပြုမှုကိုပိတ်ပင်လာတာကြာပြီဖြစ်လာခဲ့သည်အများအပြားရှိသော web designer မှားယွင်းစွာ "စားပွဲမကောင်းတဲ့ကြတယ်။ " ဟုယုံကြည် ဒါကကြီးနှင့်သစ္စာကိုဖျက်သည်။ အမည်ရရထားအချိန်ဇယားတစ်ခုပြက္ခဒိန်များကဲ့သို့ tabular data တွေအတွက်, layout ကိုများအတွက်ဇယားမကောင်းတဲ့ရှိပါတယ်, ဒါပေမဲ့သူတို့နေဆဲက်ဘ်ဆိုက်ဒီဇိုင်းနှင့် HTML မှာနေရာတစ်နေရာရှိသည်။ အကြောင်းအရာကိုအဘို့, စားပွဲတစ်ခုသုံးပြီးနေဆဲအနေနဲ့လက်ခံနိုင်ဖွယ်နှင့်ကောင်းမွန်သောချဉ်းကပ်မှုဖြစ်ပါတယ်။

ဒါကြောင့်သင်မည်သို့စားပွဲတစ်ခု layout သလဲ? တစ်ရိုးရှင်းစွာ 2x2 စားပွဲပေါ်မှာအတွက် start ရဲ့ကြပါစို့။ ဒါက 2 ကော်လံ (ဤဒေါင်လိုက်လုပ်ကွက်များမှာ) နှင့် 2 တန်း (ထိုအလျားလိုက်လုပ်ကွက်) ရှိပါလိမ့်မယ်။ သင်တစ်ဦး 2x2 စားပွဲပေါ်မှာဆောကျပါပွီပြီးနောက်သင်ရိုးရှင်းစွာအပိုဆောင်းတန်းသို့မဟုတ်ကော်လံထည့်သွင်းခြင်းဖြင့်ချင်ပါတယ်ဆိုအရွယ်အစားစားပွဲပေါ်မှာတည်ဆောက်နိုင်ပါတယ်။

အခက်အခဲ: ပျမ်းမျှ

အချိန်လိုအပ်ပါသည်: 10 မိနစ်

ဤတွင်ကိုဘယ်လိုဖွင့်:

  1. ပထမဦးစွာစားပွဲ
ဖွင့်လှစ်
  • အဆိုပါ TR tag နဲ့ပထမဦးဆုံးအတန်းကိုဖွင့်
  • အဆိုပါ td tag နဲ့ပထမဦးဆုံးကော်လံကိုဖွင့်ပြီး
  • ဆဲလ်ရဲ့ contents ရေးရန်
  • ပထမဦးဆုံးဆဲလ်ပိတ်ပြီးဒုတိယ
  • ဖွင့်လှစ်
  • ဒုတိယဆဲလ်ရဲ့ contents ရေးရန်
  • ဒုတိယဆဲလ်ပိတ်ပြီး အတန်းကိုပိတ်ဖို့
  • အတိအကျကိုပထမဦးဆုံး
  • အဖြစ်ဒုတိယအတန်းရေးရန်
  • ထိုအခါစားပွဲ ပိတ်ဖို့
  • သငျသညျကိုလညျး <ကြိမ်မြောက်> element ကကိုသုံးပြီးသင့်ရဲ့စားပွဲပေါ်မှာမှစားပွဲပေါ်မှာခေါင်းစီးများထည့်သွင်းဖို့ရှေးခယျြနိုငျသညျ။ ဤရွေ့ကားစားပွဲပေါ်မှာခေါင်းစီးပုအစားထိုးရန်သို့မဟုတ်ဤကဲ့သို့သောပထမဦးဆုံးစားပွဲတန်းထဲမှာ "စားပွဲပေါ်မှာဒေတာ" ကိုအပိုင်းပိုင်း, မည်ဖြစ်ကြောင်း:

    <ကြိမ်မြောက်> အမည် <ကြိမ်မြောက်> အခန်းက္ပ

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

    ဒီတော့ဒါဟာ HTML မှာဇယားအသုံးပြုနည်း OK ကိုလား?

    ဟုတ်ကဲ့ - ဤမျှကာလပတ်လုံးသင် layout ကိုရည်ရွယ်ချက်အဘို့ထိုသူတို့အသုံးမပြုအဖြစ်။ သငျသညျ tabular သတင်းအချက်အလက်များဖော်ပြရန်လိုအပ်ခဲ့လျှင်, စားပွဲတစ်ခုအဲဒီလိုလုပ်ဖို့လမ်းဖြစ်၏။ တကယ်တော့ဒီ legitmate က HTML element ကိုရှောင်ဖယ်ရန်ဘာဖြစ်လို့လဲဆိုတော့တချို့လှဲမှားသောသန့်ရှင်းစင်ကြယ်၏စားပွဲတစ်ခုရှောင်ရှားအဖြစ်နောက်ပြန်ဤနေ့နှင့်အသက်အရွယ်အတွက် layout ကိုအကြောင်းပြချက်အဘို့ထိုသူတို့သုံးပြီးကဲ့သို့ဖြစ်၏။

    ဂျနီဖာ Kyrin အားဖြင့် Written ။ 8/11/16 အပေါ်ဂျယ်ရမီ Girard တည်းဖြတ်

    ဂျယ်ရမီ ဒီဇိုင်နာ < td> ဂျနီဖာ Developer တွေ