Unsaon Pagtukod og 2x2 Table

Ang mga lamesa sa HTML sayon ​​nga himoon sa higayon nga imong masabtan ang mga sukaranan sa mga laray ug mga kolum - ug usab sa higayon nga imong masabtan kung OK ra ang paggamit sa usa ka lamesa ug kanus-a kinahanglan nimo likayan.

Usa ka Mubo nga Kasaysayan sa mga Tables ug Disenyo sa Web

Daghang mga tuig na ang milabay, sa wala pa makadawat sa CSS ug web standards, ang mga designers sa web migamit sa HTML

nga elemento aron sa paghimo sa page layout alang sa mga site. Ang mga disenyo sa website mahimong "hiniwa" ngadto sa gagmay nga mga bahin sama sa usa ka puzzle ug dayon gihiusa uban sa usa ka lamesa sa HTML aron i-render sa browser nga gituyo. Kini usa ka komplikado kaayo nga proseso nga naghimo sa daghan nga dugang nga markup sa HTML ug nga dili mahimong magamit karon sa multi-screen nga kalibutan ang atong mga website nagpuyo . Ingon nga CSS nahimo nga ang gidawat nga pamaagi alang sa webpage visual ug layout, ang paggamit sa mga lamesa alang niini nahimo nga shunned ug daghang mga tigdisenyo sa web sayop nga nagtuo nga "ang mga lamesa dili maayo." Kana ug dili tinuod. Ang mga tableta alang sa layout dili maayo, apan aduna gihapoy lugar sa web design ug HTML, nga mao ang pagpakita sa tabular data sama sa kalendaryo sa iskedyul sa tren. Alang niana nga sulod, ang paggamit sa usa ka lamesa mao gihapon ang dalawaton ug maayo nga pamaagi.

Busa unsaon nimo pagbutang ang lamesa? Magsugod kita pinaagi sa paghimo sa usa ka yano nga 2x2 nga lamesa. Adunay kini nga 2 ka kolum (kini ang mga vertikal nga mga bloke) ug ang 2 ka laray (ang mga pinahigpit nga mga bloke). Human sa imong pagtukod og 2x2 nga lamesa, mahimo ka magtukod sa bisan unsang sukod nga lamesa nga imong gusto pinaagi lamang sa pagdugang og dugang nga mga laray o kolum.

Kasagaran: Average

Panahon nga gikinahanglan: 10 minutos

Ania Unsaon:

  1. Una ablihi ang lamesa
  • Ablihi ang unang laray sa tr tag
  • Ablihi ang una nga kolum nga may td tag
  • Isulat ang sulod sa cell
  • Sira ang unang cell ug ablihi ang ikaduha
  • Isulat ang sulod sa ikaduha nga cell
  • Sira ang ikaduha nga cell ug isara ang laray
  • Isulat ang ikaduhang laray nga tukma sama sa una nga
  • Dayon isira ang lamesa
  • Mahimo usab nimo pilion nga idugang ang mga header sa lamesa sa imong lamesa gamit ang

    elemento. Kini nga mga ulohan sa lamesa maoy mopuli sa mga piraso sa "datos sa lamesa" sa unang lumbay sa lamesa, sama niini:

    Sa diha nga kini nga panid ma-render diha sa browser, nga ang una nga laray uban sa mga ulohan sa lamesa, pinaagi sa default, ipasundayag sa bold nga teksto ug kini masentro sa lamesa nga ilang makita.

    Busa, OK ba ang Paggamit sa mga Tables sa HTML?

    Oo - basta dili nimo gamiton kini alang sa mga katuyoan sa layout. Kung kinahanglan nimo nga ipakita ang tabular nga impormasyon, ang lamesa mao ang paagi sa paghimo niini. Sa pagkatinuod, ang paglikay sa usa ka lamesa tungod sa pipila ka sayop nga kaputli aron sa paglikay niini nga legal nga elemento sa HTML mao ang paatras ingon nga paggamit niini alang sa mga rason sa paghan-ay niini nga adlaw ug edad.

    Gisulat ni Jennifer Kyrin. Gi-edit ni Jeremy Girard sa 8/11/16

    Name Role
    Jeremy Designer > Jennifer Developer