HTML-tabeller er enkle å lage når du forstår grunnleggende om rader og kolonner, og også når du forstår når det er greit å bruke et bord og når du skal unngå dem.
En kort historie av tabeller og webdesign
For mange år siden, før akseptabelt av CSS og webstandarder, brukte webdesignere HTML
element for å lage et sidelayout for nettsteder. Nettstedet design ville bli "skåret" inn i små biter som et puslespill og deretter kombinert med et HTML-tabell for å gjengis i nettleseren som ønsket. Det var en svært komplisert prosess som skapte mye ekstra HTML-oppslag, og som aldri ville være brukbar i dag i multiskermverdenen våre nettsteder bor i. Siden CSS ble den aksepterte metoden for nettsidevisualer og layout, ble bruken av tabeller for dette blitt shunned og mange webdesignere feilet trodde at "tabeller var dårlige." Det var og er usant. Tabeller for layout er dårlige, men de har fortsatt et sted i webdesign og HTML, nemlig å vise tabelldata som en kalender eller togplan. For det innholdet er det fortsatt et akseptabelt og godt tilnærming ved hjelp av et bord.
Så hvordan lager du et bord? La oss begynne med å lage et enkelt 2x2 bord. Dette vil ha 2 kolonner (disse er de vertikale blokkene) og 2 rader (de horisontale blokkene). Etter at du har bygget et 2x2-bord, kan du bygge alle størrelsestabeller du vil ha ved å legge til flere rader eller kolonner.
Dette er hvordan
-
Først åpne bordet
-
Åpne den første raden med tr-taggen
-
Åpne den første kolonnen med td-taggen
|
-
Skriv innholdet i cellen
-
Lukk den første cellen og åpne den andre
|
-
Skriv innholdet i den andre cellen
-
Lukk den andre cellen og lukk raden
-
Skriv den andre raden nøyaktig som den første
| | |
-
Deretter lukker du bordet
-
Det er det!
Du kan også velge å legge tabelloverskrifter til bordet ditt ved hjelp av
element. Disse tabelloverskriftene ville erstatte "tabelldata" -bitene i den første tabellraden, slik:
| Navn | rolle | | Jeremy | Designer | Jennifer | Utvikler |
Når denne siden skulle gjengis i nettleseren, vil den første raden med tabelloverskriftene som standard vises i fet skrift, og de ville være sentrert i tabellcellen som de vises i.
Så, er det greit å bruke tabeller i HTML?
Ja, så lenge du ikke bruker dem til oppsettformål, er det greit å bruke tabeller. Hvis du trenger å vise tabellinformasjon, er et bord veien å gjøre det. Faktisk, å unngå et bord på grunn av noe misvisende renhet for å unngå dette legitime HTML-elementet er like bakover som å bruke dem av grunnlag i denne dag og alder.
Skrevet av Jennifer Kyrin. Redigert av Jeremy Girard.
|
