November 30
Quando si costruisce un sito web in HTML, è possibile trovare una tabella utile per organizzare una piccola quantità di informazioni in righe e colonne. Le tabelle sono state utilizzate fin dagli albori del Web, e utilizzato per svolgere un ruolo importante nella struttura fisica di una pagina web. Le tabelle sono relativamente limitati in termini di dove è possibile inserire i contenuti al loro interno, ma lo fanno rispettare il codice che fare con l'allineamento del contenuto della cella. Immagini e normalizza testo al centro della cella, verticalmente parlando, ma una semplice aggiunta di codice sposta questo contenuto all'inizio della cella.
Per spostare il testo o un'immagine alla parte superiore di una cella, aggiungere il seguente codice al <td> o <th> tag:
valign = "top"
Valign sta per "allineamento verticale." Se il contenuto della cella non sono allineati verso l'alto, controllare per assicurarsi che si è chiusa la parola "top" con le virgolette, e che avete entrambi e staffe di apertura e chiusura intorno ai tag. "Valign" è diverso da "align", che si occupa di allineamento orizzontale piuttosto che in verticale all'interno di una cella.
Una semplice tabella di due righe e due colonne può avere il seguente codice:
<Table>
<Tr>
<Th> colonna una intestazione </ th>
<Th> Colonna Due Intestazione </ th>
</ Tr>
<Tr>
<Td> Colonna una Dati </ td>
<Td> Colonna Due dati </ td>
</ Tr>
</ Table>
Il codice <table> inizia semplicemente la struttura della tabella. Il codice <tr> è sinonimo di riga della tabella e introduce la riga. È possibile aggiungere il numero di celle che si desidera, in questo caso due, con ogni <th>, o tag di intestazione della tabella. È possibile terminare una riga aggiungendo il </ tr> tag. Questa tabella ha solo un altro fila, iniziata da tag un'altra <tr>, e altri due celle in quella riga definito dalle due tag <td>. È possibile aggiungere il valign = codice "top" all'interno di uno di questi <th> o tag <td> in alto-allineare tutti i contenuti di quella cella.
Le cellule che vengono definite come intestazioni di tabella (con il tag <th>) sono costituiti da riga nella parte superiore della tabella. Il formato di default contenuto di intestazione tabella per il testo in grassetto con allineamenti orizzontali e verticali centrati. Se si desidera allineare verticalmente il contenuto verso l'alto, il codice per questa cella dovrebbe leggere:
<Th valign = "top"> colonna una intestazione </ th>
Questo crea un testo in grassetto, centrato orizzontalmente e verticalmente allineato alla parte superiore della cella.
Le celle definite come i dati della tabella (con il tag <td>) consistono tipicamente del resto delle informazioni nella tabella. Lo stile di queste cellule default è normale peso testo, centratura verticale e sinistra-allineamento. Verticalmente top-allineare il contenuto di queste cellule, il codice dovrebbe contenere:
<Td valign = "top"> Colonna una Dati </ td>
Questo rende il contenuto allineare verso l'angolo in alto a sinistra della cella.