Una tabella di HyperText Markup Language (HTML) detiene i dati tabulari in righe e colonne e presenta il contenuto in modo organizzato sulla tua pagina Web. Come si crea questo elemento, avete l'opzione per formattare il testo e l'aspetto, ad esempio il colore del bordo della tabella utilizzando una classe di Cascading Style Sheets (CSS). Questa classe si applica le preferenze di formattazione per le varie componenti della vostra tavola. Utilizzare software di editor di testo del tuo computer per applicare uno stile di classe di tabella nel documento HTML.

Istruzioni

1

Lanciare il software di editor di testo e aprire la pagina HTML che contiene la tabella.

2

Posizionare il cursore tra le "< testa >< / testa >" elementi del documento. Digitare il codice CSS che crea un segnaposto per il vostro stili di tabella:

< style type = "text/css" >

{ }

< / stile >

3

Immettere "tabella." prima delle parentesi graffe e quindi digitare un termine desiderato che identifica il nome della classe. Il periodo dopo il selettore "tabella" indica che si tratta di uno stile di classe. Digitare il nome della classe, ad esempio "esempio", come segue:

Table.example {}

4

Tipo "confine:" tra le parentesi graffe e immettere un valore numerico in pixel (px) per specificare quanto spesso è il bordo della tabella. Seguire questo con uno stile di linea come "solido", "tratteggiato" o "punti" per determinare come viene visualizzata la linea di confine e digitare un nome di colore, come "blue", al nome del colore del bordo. Digitare un punto e virgola dopo il tuo ingresso. Per illustrare:

Table.example {border: 1px dotted blu;}

5

Immettere "text-align:" e digitare "centro," "destra" o "sinistra" per determinare la posizione orizzontale dei dati all'interno della tabella. Per esempio:

Table.example {border: 1px dotted blu; text-align: center;}

6

Tipo "imbottitura:" e immettere il numero di pixel per specificare la quantità di spazio tra il contenuto e il bordo della tabella che si desidera. Per esempio:

Table.example {border: 1px dotted blu; text-align: center; padding: 10px;}

7

Posizionare il cursore all'interno del tag di apertura "< table >". Tipo "class =" e quindi immettere il nome di classe scelta dopo questo per assegnare le regole di stile al vostro tavolo. Per illustrare:

< table class = "example" >

8

Salvare il documento. La tabella ora è formattata per la regola di stile.