Il codice HTML per le celle Top Allineare

November 30

Il codice HTML per le celle Top Allineare


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.

Codice valign

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.

Tabella codice Struttura

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.

Tabella intestazione

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.

dati Tabella

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.


Articoli Correlati