När man bygger en hemsida i HTML , kan du hitta en tabell användbar för att organisera en liten mängd information i rader och kolumner . Tabeller har använts sedan början av webben , och som används för att spela en viktig roll i den fysiska strukturen i en webbsida . Tabeller är relativt begränsade i fråga om var du kan placera innehållet i dem , men de gör lyda koden behandlar anpassningen av cellens innehåll. Bilder och text default till mitten av cellen , sett vertikalt , men en enkel kod dessutom flyttar innehållet till toppen av cellen . Valign kod
vill flytta text eller en bild till toppen av en cell , lägga till följande kod till
eller | tag:
valign = " top "
valign står för " vertikal justering . " Om innehållet i cellen inte kan passas in i toppen , kontrollerar du att du har bifogat ordet " top " med citationstecken , och att du har både och öppna och stänga parentes runt taggarna . " Valign " skiljer sig från " align ", som behandlar horisontell snarare än vertikal inriktning inom en cell .
Tabell Struktur kod
En enkel tabell med två rader och två kolonner kan ha följande kod :
Kolumn ena Header < /th >
| kolumn två Header < /th >
< /tr >
|
kolumn ett Data < /td >
| Kolumn Två Data < /td >
< /tr >
< /table >
koden , helt enkelt börjar tabellen struktur . Koden står för tabellraden och introducerar raden . Du kan lägga till så många celler som du vill , i detta fall två , med varje | eller bord sidhuvudtagg . Du kan avsluta en rad genom att lägga till < /tr > -taggen . Denna tabell har bara ytterligare en rad , startades av en annan | tag , och ytterligare två celler i den raden som definieras av de två | taggar . Du kan lägga till valign = " top " kod i någon av dessa | eller | taggar till top - align allt innehåll i den cellen .
Table Header
cellerna som du definierar som tabellrubriker ( med | tag) består av raden längst upp i tabellen . Formatet av innehåll tabellrubriken som standard fet text med centrerade horisontal -och vertikalplanet . Om du vill att vertikalt justera innehållet till toppen , ska koden för denna cell läs :
| Kolumn ena Header < /th >
skapar text som är fet , centreras horisontellt och vertikalt i linje med toppen av cellen .
Table Data
cellerna du definierar som tabelldata ( med < td > -taggen ) består typiskt av resten av informationen i tabellen . Stilen i dessa celler som standard normal text tyngd , vertikal centrering och vänster - inriktning . Till vertikalt top - justera innehållet i dessa celler , bör koden vara:
| kolumn ett Data < /td >
Detta gör att innehållet anpassas till det övre vänstra hörnet av cellen .
|
|
| 