Skip to main content

Zgradite tabelo 2x2 - in vedite, kdaj je uporaba tabele HTML v redu

Anonim

HTML tabele je enostavno ustvariti, ko razumete osnove vrstic in stolpcev, in tudi, ko razumete, kdaj je v redu, da uporabite tabelo in kdaj jih je treba izogniti.

Kratka zgodovina tabel in spletnega oblikovanja

Pred mnogimi leti, pred sprejemljivimi CSS in spletnimi standardi, so spletni oblikovalci uporabili HTML

Element za ustvarjanje postavitve strani za spletna mesta. Oblikovanje spletnih strani bi bilo "narezano" na majhne koščke, kot je uganka, nato pa v kombinaciji s tabelo HTML, ki naj bi bila v brskalniku predvidena. To je bil zelo zapleten proces, ki je ustvaril veliko dodatne oznake HTML in ki nikoli ne bi bil uporaben danes v večplastnem svetu, v katerem živijo naše spletne strani. Ker je CSS postal sprejeta metoda za vizualne in postavitve spletnih strani, je uporaba tabel za to postala izognili in mnogi spletni oblikovalci napačno verjeli, da so "mize slabo." To je bilo in je neresnično. Tabele za postavitev so slabe, vendar imajo še vedno mesto v spletnem oblikovanju in HTML, in sicer za prikaz tabelarnih podatkov, kot so koledar ali vozni red. Za to vsebino je uporaba tabele še vedno sprejemljiv in dober pristop.

Torej, kako si postaviš mizo? Začnimo z ustvarjanjem preproste table 2x2. To bo imelo 2 stolpca (to sta navpični bloki) in 2 vrstici (vodoravni bloki). Ko zgradite tabelo 2x2, lahko ustvarite poljubno tabelo velikosti, ki jo želite preprosto dodati z dodatnimi vrsticami ali stolpci.

Tukaj je kako

  1. Najprej odprite mizo

  • Odprite prvo vrstico s tr oznako

  • Odprite prvi stolpec z oznako td

  • Napišite vsebino celice

  • Zapri prvo celico in odprite drugo

  • Napišite vsebino druge celice

  • Zapri drugo celico in zaprite vrstico

  • Drugo vrstico vnesite natanko kot prvo

  • Potem zaprite mizo

  • To je to!

  • Lahko tudi izberete, da dodate glave tabel v tabelo z uporabo

    element. Ti glavi tabele bodo zamenjali elemente »tabele podatkov« v prvi vrstici tabele, kot je ta:

    ImeVloga
    JeremyDizajner
    JenniferRazvijalec

    Ko bi ta stran prikazala v brskalniku, bi bila prva vrstica z glavi tabele privzeto prikazana s krepkim tekstom in bi bila centrirana v celici tabele, v kateri so prikazane.

    Torej, ali je OK, da uporabite tabele v HTML-ju?

    Da, če jih ne uporabljate za namene postavitve, lahko uporabite tabele. Če želite prikazati informacije o tabelah, je morda na voljo tabela. Pravzaprav se izogibanje tabele zaradi neke napačne čistosti, da bi se izognili temu legitimnemu elementu HTML, je tako zaostajal, kot ga uporabljajo pri postavitvi razlogov v tem dnevu in starosti.

    Prispeval Jennifer Kyrin. Uredil Jeremy Girard.