Tabeller gir den enkleste metoden for å bygge en nettkatalog i HTML. En tabell med tre kolonner gir deg plass til produktbilde, beskrivelse og frakt-/bestillingsinformasjon. Ved å sette inn informasjon i tabeller reduseres tiden det tar å rettferdiggjøre tekst. I tillegg gir tabeller deg kontroll over det hvite området rundt informasjonen på siden din for å forbedre utseendet og klarheten til nettstedet ditt.
Trinn 1
Definer en tabell med en én-piksel kant ved hjelp av åpningen
stikkord:Dagens video
Steg 2
Sett inn den første raden med celler og deres innhold med denne koden:
Trinn 3
Sett inn den andre raden med celler og deres innhold med denne koden:
Trinn 4
Lukk tabellen med sluttkoden:
 |
Dette er en beskrivelse av det første elementet. | Denne varen er tilgjengelig for øyeblikket. |
 |
Dette er en beskrivelse av det andre elementet. | Denne varen er på restordre. |
Tips
Dette enkle eksemplet produserer en tabell med to rader og tre kolonner. Den første kolonnen viser et 60 x 60 pikslers bilde av produktet som bruker taggen. Den andre og tredje kolonnen viser produktbeskrivelse og lagerinformasjon. Merk at hver rad starter og slutter med taggen, og hvert element i raden starter og slutter med en tag. Sett inn så mange kolonner eller rader som du trenger for å beskrive produktet ditt.
Sett inn cellpadding-kommandoen umiddelbart etter kantspesifikasjonen i tabelldefinisjonen for å øke mengden mellomrom mellom tabellens kantlinjer og innholdet ditt. For eksempel,
oppretter et 10-pikslers mellomrom rundt innholdet i hver celle i tabellen.referanser
- W3Schools.com: HTML-tabeller
