Liste over HTML-tabell Codes

August 11

HTML bord koder er benyttet for å lage presentasjoner av tabelldata for websidene. Når du trenger å vise data ved hjelp av tabeller og rader, bruker tabellkoder. De mest grunnleggende tabeller i HTML bruk bare "<table>" tag plus "<tr>" for tabellrader og "<td>" for tabellceller. Andre koder og attributter, kan gjøre tabellene mer meningsfylt, skjønt.

Tabeller, rader og celler

Alle HTML-tabeller må begynne og slutte med et sett av <table> koder. Når du plasserer disse kodene i koden din, kan du opprette rader på bordet og gi hver rad så mange celler som du trenger å bruke <tr> og <td> koder. For eksempel:

<Table>

<Tr>

<td>Row 1, Cell 1</td>

& Lt; td> Rad 1, Cell 2 & lt; / td>

</ Tr>

<Tr>

<td>Row 2, Cell 3</td>

& Lt; td> Row 2, Cell 4 & lt; / td>

</ Tr>

</ Table>

Tabell Overskrifter

Nettlesere gjengi tabelloverskriftene med fet tekst som standard, men nettleseren vil ikke anerkjenne en overskrift i en tabell med mindre du bruker tabelloverskriftskodene. Du oppretter en tabell overskriften først ved å pakke en tabell rad i <thead> koder og deretter bruke <th> i stedet for <td> for å lage celler, som i følgende eksempel:

<Thead>

<Tr>

<th>Column Heading 1</th>

& Lt; th> Kolonneoverskrift 2 & lt; / th>

</ Tr>

</ Thead>

En tabell kan også ha en kropp. Hvis du definerer en overskrift i tabellen, pakk de resterende radene i et par <tbody> tagger for å definere kroppen av tabellen. Tabell footer tags - <TFOOT> - også finnes, men blir sjelden brukt.

Tabell bildetekster

Den "<caption>" tagger i HTML er ment for bruk i tabeller i stedet for bilder. Disse kodene må plasseres rett etter åpningen <table> tag hvis du ønsker en bildetekst. Tekst inni <caption> container blir tabellens bildetekst og skjermer over tabellen.

Tabell Tag attributter

Attributter inne bordrelaterte kodene skal videre definere struktur og innhold i tabellen i stedet for sitt utseende. Den "colspan" attributt er fortsatt viktig fordi den kan kombinere cellene i en rad. Når en tabell har fire celler per rad, men en rad trenger bare to celler, sette "colspan" til "2" vil gjøre hver av disse cellene strekke ut to kolonner:

<Tr>

</ Tr>

<Tr>

<Td> En av to celler </ td>

<Td> Andre av to celler </ td>

</ Tr>

En annen egenskap du kan legge til er "oppsummering", som går på innsiden av "<table>" tag. Bruk dette attributtet til å gi mer informasjon til synshemmede besøkende som bruker skjermlesere: