HTML-kode for å Top Juster Cells

Når du bygger et nettsted i HTML, kan du finne et bord nyttig for å organisere en liten mengde informasjon i rader og kolonner. Tabeller har blitt brukt siden tidenes morgen nettet, og brukes til å spille en viktig rolle i den fysiske strukturen av en webside. Tabeller er relativt begrenset i forhold til hvor du kan plassere innholdet i dem, men de adlyder code arbeider med justering av celleinnhold. Bilder og tekst som standard til sentrum av cellen, vertikalt sett, men en enkel kode tillegg flytter dette innholdet til toppen av cellen.

valign Kode

Hvis du vil flytte tekst eller et bilde i toppen av en celle, legger du til følgende kode i <td> eller <th> tag:

valign = "top"

Valign står for "vertikal justering." Hvis innholdet i cellen ikke justere til toppen, må du kontrollere at du har lagt ved ordet "topp" med anførselstegn, og at du har både og åpnings- og lukkeparenteser rundt kodene. "Valign" er forskjellig fra "align", som omhandler horisontal stedet for vertikal justering i en celle.

Tabell Struktur Kode

En enkel tabell med to rader og to kolonner kan ha følgende kode:

<Table>

<Tr>

<Th> kolonne en Header </ th>

<Th> Kolonne To Header </ th>

</ Tr>

<Tr>

<Td> kolonne en data </ ​​td>

<Td> Kolonne to data </ ​​td>

</ Tr>

</ Table>

Koden <table> begynner ganske enkelt tabellstrukturen. Koden <tr> står for tabellraden og introduserer rad. Du kan legge til så mange celler som du vil, i dette tilfellet to, med hver <th>, eller bord overskriften koden. Du kan avslutte en rad ved å legge til </ tr> tag. Denne tabellen har bare én rad, startet av en annen <tr> -taggen, og to flere celler i samme rad definert av de to <td> koder. Du kan legge til valign = "top" kode i noen av disse <th> eller <td> koder til toppen-justere alt innholdet i den cellen.

Tabell Header

Cellene som du definerer som tabelloverskrifter (med <th> tag) består av raden øverst på tabellen. Formatet på tabellen header innhold mislighold til fet tekst med sentrert horisontale og vertikale linjer. Hvis du ønsker å vertikalt justere innholdet til toppen, bør koden for denne cellen lese:

<Th valign = "top"> kolonne en Header </ th>

Dette skaper tekst som er fet, horisontalt sentrert og vertikalt til toppen av cellen.

Tabell data

Cellene du definerer som tabelldata (med <td> tag) består typisk av resten av informasjonen i tabellen. Stilen på disse cellene som standard til normal tekst vekt, vertikal sentrering og venstre-justering. Vertikalt topp justere innholdet av disse cellene, bør koden lese:

<Td valign = "top"> kolonne en data </ ​​td>

Dette gjør at innholdet justeres til øverste venstre hjørne av cellen.