HTML-tabeller tilbyr et kraftig verktøy for å presentere data på nettstedet ditt. Men å mestre dem går utover bare rader og kolonner. Denne artikkelen fungerer som din ultimate guiden for å frigjøre potensialet til HTML-tabeller, gå utover det grunnleggende .
Forutsetninger: HTML-introduksjon
Innholdsfortegnelse
- Hva er HTML-tabeller?
- HTML-tabell – kodeeksempel
- Tagger brukt i HTML-tabeller
- Legge til en kantlinje til en HTML-tabell
- Legge til cellefylling i en HTML-tabell
- Legge til venstrejusterte overskrifter i en HTML-tabell
- Legge til kantavstand i en HTML-tabell
- Legge til celler som spenner over mange kolonner i HTML-tabeller
- Legge til en bakgrunnsfarge i tabellen
- Opprette nestede tabeller
Hva er HTML-tabeller?
En HTML-tabell er et arrangement av data i rader og kolonner i tabellformat. Tabeller er nyttige for ulike oppgaver, som å presentere tekstinformasjon og numeriske data. En tabell er et nyttig verktøy for raskt og enkelt å finne sammenhenger mellom ulike typer data. Tabeller brukes også til å lage databaser.
HTML-tabellkodeeksempel
HTML
Fornavn> Etternavn> Alder> tr> Priyatd> Sharmatd> 24td> tr> Arundd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> table> body> html>> Produksjon:
Enkel HTML-tabell
Tagger brukt i HTML-tabeller
som en sluttlapp.Syntaks
Content...>
Tabellrader
Radene kan dannes ved hjelp av kombinasjon av tabellceller. Det er betegnet med
og tag som start- og sluttkoder.
Syntaks
Content...>
Tabelloverskrifter
Overskriftene brukes vanligvis til å angi overskriften. Tabelloverskriftene kan også brukes til å legge til overskriften til tabellen. Denne inneholder
tagger.Syntaks
Content...>
Eksempel 1: Opprette en enkel tabell i HTML ved hjelp av en tabellkode.
HTML
Bokens navn> Forfatternavn> Genreth> tr> Boktyvend> Markus Zusaktd> Historisk fiksjontd> tr> The Cruel Princetd> Holly Blacktd> Fantasytd> tr> Den stille pasiententd> Alex Michaelidestd> Psychological Fictiontd> tr> table> body> html>> Produksjon:
HTML-tabell
Legge til en kantlinje til en HTML-tabell
En kantlinje settes ved hjelp av CSS border-egenskapen. Hvis du ikke angir en kantlinje for tabellen, vil den vises uten kantlinjer.
java objektlikhet
Syntaks
table, th, td { border: 1px solid black; }> Eksempel : Tilføyelse av kantlinjen til HTML-tabellen.
HTML
