HTML Tabella Classe Tutorial Style

October 3

Una tabella di HyperText Markup Language (HTML) contiene i dati tabulari in righe e colonne e presenta il contenuto in modo organizzato nella pagina Web. Come si crea questo elemento, si ha la possibilità di formattare il testo e l'aspetto della tabella, come ad esempio il colore del bordo, utilizzando un Cascading Style Sheets (CSS) di classe. Questa classe si applica le preferenze di formattazione per i vari componenti del tavolo. Utilizzare il software editor di testo del computer per applicare uno stile di classe tabella nel documento HTML.

istruzione

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

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

<Style type = "text / css">

{}

</ Style>

3 Enter "tavolo". prima delle parentesi graffe e quindi digitare un termine desiderato che identifica il nome della classe. Il periodo dopo il selettore "tavola" indica che si tratta di uno stile di classe. Inserire il nome della classe, come "esempio" come segue:

table.example {}

4 Tipo "border:" tra le parentesi graffe e immettere un valore numerico in pixel (px) per specificare lo spessore del bordo della tabella è. Seguire questo con uno stile di linea come "solido", "tratteggiata" o "punteggiata" per determinare come appare la linea di confine e digitare un nome di un colore, come ad esempio "blu", di nominare il colore del bordo. Digitare un punto e virgola dopo la voce. Illustrare:

table.example {border: 1px blu tratteggiata; }

5 Inserire "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 blu tratteggiata; text-align: center; }

6 Tipo "padding:" e inserire un numero di pixel per specificare la quantità di spazio che si desidera tra il contenuto e il bordo del tavolo. Per esempio:

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

7 Posizionare il cursore all'interno dell'apertura "<table>" tag. Tipo "class =" e quindi inserire il nome della classe scelti dopo questo per assegnare le regole di stile al vostro tavolo. Illustrare:

<Table class = "example">

8 Salvare il documento. Il vostro tavolo è ora formattato alla regola di stile.


Articoli Correlati