Hvernig Til Byggja 2x2 Tafla

HTML töflur eru auðvelt að búa til þegar þú skilur grunnatriði raða og dálka - og einnig þegar þú skilur hvenær það er í lagi að nota borð og þegar þú ættir að forðast þau.

Stutt saga um töflur og vefhönnun

Fyrir mörgum árum, áður en viðunandi CSS og vefur staðlar, notuðu vefhönnuðir HTML þáttinn til að búa til síðuuppsetningu fyrir síður. Website hönnun myndi vera "skera" í litla bita eins og þraut og þá ásamt HTML töflu til að gera í vafranum eins og ætlað er. Það var mjög flókið ferli sem skapaði mikið af auka HTML markup og sem myndi aldrei vera nothæft í dag í multi-skjár heiminum vefsíður okkar búa í . Eins og CSS varð viðurkenndur aðferð fyrir vefsíðum og skipulagi, varð notkun töflna fyrir því hneykslaður og margir vefhönnuðir töldu ranglega að "borðið væri slæmt". Það var og er ósatt. Töflur fyrir skipulag eru slæmt, en þeir hafa enn stað í vefhönnun og HTML, þ.e. að birta töfluupplýsingar eins og dagskrá lestaráætlunar. Fyrir það efni er að nota töflu enn viðunandi og góð nálgun.

Svo hvernig seturðu upp borð? Við skulum byrja með því að búa til einfaldlega 2x2 borð. Þetta mun hafa 2 dálka (þetta eru lóðrétt blokkir) og 2 raðir (lárétt blokkir). Eftir að þú hefur búið til 2x2 borð geturðu byggt hvaða stærðartöflu sem þú vilt einfaldlega með því að bæta við fleiri raðum eða dálkum.

Erfiðleikar: Meðaltal

Tími sem þarf: 10 mínútur

Hér er hvernig:

  1. Opnaðu fyrst töfluna
  2. Opnaðu fyrstu röðina með tr taginu
  3. Opnaðu fyrstu dálkinn með td taginu
  4. Þegar þessi síða birtist í vafranum myndi þessi fyrsta röð með töflureiknunum sjálfkrafa birtast með feitletraðri texta og þau myndu vera miðuð í töflufærið sem þau birtast í.

    Svo, er það allt í lagi að nota töflur í HTML?

    Já - svo lengi sem þú notar þau ekki til uppsetningar. Ef þú þarft að birta töfluupplýsingar, er borð þannig að gera það. Reyndar er að koma í veg fyrir að borða af einhverjum vanrækslu hreinleika til að skemma þessa lögmætu HTML-þætti eins og afturábak og nota þær vegna útlitshugmynda á þessum degi og aldri.

    Skrifað af Jennifer Kyrin. Breytt af Jeremy Girard á 8/11/16

  5. Skrifaðu innihald frumunnar
  6. Lokaðu fyrsta reitnum og opnaðu annað
  7. Skrifaðu innihald seinni frumunnar
  8. Lokaðu öðrum reitnum og lokaðu röðinni
  9. Skrifaðu aðra röðina nákvæmlega eins og fyrsta
  10. Lokaðu síðan töflunni
  11. Þú getur einnig valið að bæta töfluhausum við borðið með því að nota

    þáttinn. Þessar töfluhausar myndu skipta um eða "töflu gögn" stykki í fyrstu töflu röð, svona:

    Hlutverk
    Jeremy Hönnuður < td> Jennifer Hönnuður