HTML tabele je enostavno ustvariti, ko razumete osnove vrstic in stolpcev - in tudi, ko razumete, kdaj je v redu, če želite uporabiti 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 element HTML
, da bi ustvarili postavitev 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, na katerem živijo naši spletni strani . Ker je CSS postal sprejeta metoda za prikaz in postavitev spletnih strani, se je uporaba tabel za to zavrnila in mnogi spletni oblikovalci so zmotno verjeli, da so "tabele slabo". To je bilo in je neresnično. Tabele za postavitev so slabe, vendar imajo še vedno mesto v spletnem oblikovanju in HTML-ju, in sicer pri prikazu tabelarnih podatkov, kot je koledar ur vlaka. 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.
Težavnost: Povprečno
Potreben čas: 10 minut
Evo kako:
- Najprej odprite tabelo
- 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
- Zaprite drugo celico in zaprite vrstico
- Drugo vrstico vnesite natanko kot prva
| | - Nato zaprite tabelo
Prav tako lahko izberete, da dodate glave tabel v svojo tabelo z elementom | . Ti glavi tabele bodo v prvi vrstici tabele nadomestili elemente "ali podatki tabele", na primer:
| Ime | Vloga | | Jeremy | Dizajner td> Jennifer | Razvijalec | 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 - tako dolgo, dokler jih ne uporabljate za namene postavitve. Č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 HTML elementu, je tako kot nazaj, ker jih uporabljamo za razloge postavitve v tem dnevu in starosti.
Prispeval Jennifer Kyrin. Uredil Jeremy Girard dne 11.8.16
| | |