Hoe meitsje in tabel 2x2

HTML-tafels binne maklik te meitsjen as jo de basis fan rigen en kolommen begripe - en ek as jo begripe wannear't it goed is om in tabel te brûken en wannear't jo se foarkomme moatte.

In brede histoarje fan tabellen en webûntwerp

In protte jierren lyn, foardat de akseptabel fan CSS en web-standerts, web-ûntwerpers brûkte it elemint fan HTML

om side-layout foar websiden te meitsjen. Webside-ûntwerpen soe "sluten" wurde yn lytse stikjes as in puzel en kombinearje mei in HTML-tafel om yn de browser as bedoeld te meitsjen. It wie in tige komplekse proses dy't in soad ekstra markearring makke en dat hjoeddedei noait brûkber wêze soe yn ' e meardere skermwrâld ús websiden wenje . As CSS waard de akseptearre metoade foar webside fan fisuele en layout, waard it gebrûk fan tabellen foar dizze wurden ferwûnen en in protte webûntwerpers miskien leauwe dat "tabellen net sa min binne". Dat wie en ûnrjocht. Tabel foar layout binne min, mar se hawwe noch altyd in plak yn webûntwerp en HTML, nammentlik tabellen datum as in kalinder fan treinplak te sjen. Foar dy ynhâld wurdt gebrûk fan in tafel noch in akseptabel en goede oanpak.

Dus hoe ferlizze jo in tafel? Litte wy begjinne mei it meitsjen fan in ienfâldich 2x2-tafel. Dit sil 2 kolommen hawwe (dit binne de verticalblokken) en 2 reihen (de horizontale blokken). Nei't jo in 2x2-tafel opboud hawwe, kinne jo in grutte tabel bouwe dy't jo graach wolle troch ekstra rigen of kolommen taheakje.

Schwierigheid: Gemiddelde

Tiid ferplicht: 10 minuten

Hjir is hoe:

  1. Eerst iepenje de tabel
  • Iepenje de earste rige mei de tr tag
  • Iepenje de earste kolom mei de td-tag
  • Skriuw de ynhâld fan 'e sel
  • Slút de earste sel en iepenje de twadde
  • Skriuw de ynhâld fan 'e twadde sel
  • Slút de twadde sel foar en slute de rige
  • Skriuw de twadde rige krekt as de earste
  • Dan slute de tafel
  • Jo kinne ek kieze om tabelkoppen te tafeljen oan jo tabel mei it elemint

    elemint. Dizze tabelkoppen soene de "tabellen data" stikken yn 'e earste tabel rige ferfange, lykas dit:

    As dizze side yn 'e blêder rendearje soe, soene de earste rige mei de tafelkopen standert foarkommen yn fett tekst en se soene sintraal yn' e tafelzell wêze dat se yntinke.

    Dus, is it goed om tabellen yn HTML te brûken?

    Ja - sa lang as jo se net brûke foar layoutdoelen. As jo ​​tabelearjende ynformaasje werjaan moat, is in tafel de manier om te dwaan. In feiligens, it foarkommen fan in tafel fanwege wat mislearre râniteit om dit legitimate HTML-elemint te skunken is as efterôf as se gebrûk meitsje foar layoutrjochten op dizze dei en leeftyd.

    Skreaun troch Jennifer Kyrin. Edited by Jeremy Girard on 8/11/16

    Namme Rol
    Jeremy Designer Jennifer Developer