420 Shares 1283 views

Come creare una tabella HTML. Tabella dei colori

I webmaster di novizi devono affrontare molti problemi. Sembra che oggi è possibile utilizzare modelli per la creazione dei propri siti, ma il problema è che non dispongono sempre delle proprietà necessarie, quindi è necessario creare un design di un sito web da zero oppure apportare modifiche al codice già esistente. Qui è necessario conoscere il codice HTML e le nozioni minime su come impostare lo sfondo e il colore della pagina, inserire un'immagine o un video, creare una tabella in HTML.

Iniziare sul tavolo

Una delle cose più difficili nel layout di una pagina HTML sono le tabelle. E il problema non è nella complessità dei tag, che in realtà non sono così difficili da ricordare, ma che quando si scrive il codice, si può facilmente commettere errori – dimenticare di scrivere una linea o una cella supplementari, scrivere il testo non proprio dove lo desideri e altre piccole cose . E più grande è il tavolo, maggiore è la possibilità di commettere un errore.

Pertanto, quando iniziamo a creare una tabella in HTML, ti consigliamo di focalizzare il più possibile e non distrarti.

Innanzitutto, è necessario disegnare una tabella futura su un foglio di carta, indicando quale sarà la cella in cui sarai, e anche notando per voi i parametri di base di questo o di quell'elemento.

Successivamente, conteggi il numero di righe nella tabella e il numero di celle in ciascuna riga. Raccomandiamo inoltre di notare elementi come la presenza di immagini nella tabella, colore di sfondo, bordi, testo. Solo dopo di che puoi iniziare a creare una tabella HTML utilizzando le informazioni registrate.

L'editor

Quindi hai creato un layout di tabella. Ora devi selezionare l'editor appropriato per crearlo. È possibile selezionare speciali progettisti di siti e creare una tabella in essi. Utilizzando questo software, la creazione di una tabella non è più difficile che in un documento di Word. È possibile selezionare un programma come FrontPage. Nonostante il fatto che il programma è abbastanza vecchio, con il suo aiuto è possibile creare siti utili, inoltre, è possibile trovare più di un tutorial su di esso.

Se si desidera creare una tabella in HTML utilizzando un codice speciale, è possibile utilizzare per questo scopo un blocco note normale o un documento Word normale. Tuttavia, qui dovrai lavorare duro, perché dovrai scrivere il codice per molto tempo.

È possibile utilizzare l'editor incorporato nel motore del sito stesso. Così, quando si crea un'entrata in molti motori, è possibile aggiungere elementi diversi, tra cui tabelle. Anche se le funzionalità di base dell'editor non ti soddisfano, apportando modifiche al codice sarà più facile che scrivere da zero.

tag

Indipendentemente da quale editor si utilizza, prima di iniziare la creazione nella tabella html, è necessario ricordare i tag principali. Esistono tre di essi –

,

e

e terminano il tag

. Ogni riga utilizza i tag

per specificare il numero di celle.

Così, il codice della tabella 2×2 sarà simile a questo:

. Tieni presente che tutti i tag sono associati. Il primo tag indica la tabella nel suo complesso, il secondo specifica la stringa, il terzo specifica la cella all'interno della stringa.

Un po 'più di ciascuno dei tag. Il tavolo inizia sempre con il tag

e termina con

. Per qualsiasi browser, questo è un simbolo per il fatto che la tabella è prima di essa. Si scrivono ulteriori righe che aprono

e

È possibile inserire una tabella nell'HTML della pagina copiandola dall'editor selezionato.

Parametri di tabelle, righe e celle

Quindi, abbiamo smontato il codice di base. Ora parliamo di come migliorare il tavolo, renderlo più luminoso e più attraente. Per fare questo, è necessario conoscere i parametri di base dei tag. Sono scritti all'interno del tag di apertura, con un segno uguale dopo ogni parametro, e quindi assegna il suo valore, preso in virgolette. Ad esempio, lo sfondo nella tabella HTML è impostato come questo:

.

Elenca alcuni parametri di base che saranno più utili per te. Cominciamo con la tabella stessa.

Quindi, è possibile impostare la larghezza del parametro di confine di confine, che può assumere qualsiasi valore numerico. Il colore del bordo imposta il colore del bordo. Lo sfondo è impostato da bgcolor.

Se vuoi creare uno sfondo della tabella, utilizza lo sfondo, mentre devi prescrivere l'URL dell'immagine.

Allineare il contenuto della pagina intorno alla tabella con il parametro di allineamento, che può assumere i valori rimasti, centrali e destra.

Puoi utilizzare il tag associato a

, assegnato immediatamente dopo il tag

di apertura.

Un po 'sui parametri della stringa. Il colore delle celle nella stringa viene specificato usando bgcolor. È possibile allineare il testo orizzontalmente con l'allineamento dei parametri (sinistro, centrale o destro), in verticale (valuta i valori in alto, in basso o in basso).

Per quanto riguarda la cella, si può notare che il colore di sfondo e l'immagine di sfondo sono impostati usando gli stessi parametri che per l'intero tavolo. Allineare il testo con le opzioni di allineamento e di valorizzazione.

Ci sono anche parametri speciali – colspan e rowspan. Con l'aiuto del primo è possibile impostare il numero di colonne a cui si estende la cella. Il secondo specifica il numero di righe a cui questa cella può estendere.

Sono tutte le opzioni più utili.

Tabella dei colori

Diciamo alcune parole su una cosa così utile come la tabella dei colori. Viene utilizzato per impostare lo sfondo della pagina, il colore del testo, i collegamenti e altri elementi. La tavola dei colori contiene circa 216 colori e sfumature. Ognuno di loro ha un proprio codice esadecimale.

Il codice stesso inizia con un carattere reticolo e contiene tre coppie di numeri o lettere. Ad esempio, il colore verde nella tabella ha il codice 007F0. Ogni coppia indica l'intensità di uno dei tre colori primari: rosso, verde e blu. Utilizzando la tabella, è possibile selezionare il colore desiderato e impostarlo utilizzando il codice.

Se non è possibile utilizzare la tabella, è possibile impostare il colore utilizzando il suo nome in inglese.

contenuto

Alcune parole sul contenuto stesso. Naturalmente, più spesso possiamo vedere il testo nella tabella HTML, ma questo non significa che possiamo solo metterci lì. Le celle e le linee possono anche contenere disegni, file audio e video, collegamenti.

Per inserire testo o qualsiasi altra informazione in una cella (una riga), è necessario registrarla tra due tag. Ad esempio:

. La cella visualizza "Nome".

È possibile inserire informazioni grafiche e file multimediali con tag speciali – ,

Consigli

Infine dare alcuni suggerimenti utili per aiutarti a creare rapidamente una tabella HTML di qualsiasi complessità.

Quando si scrive una tabella, si consiglia di registrare i tag della tabella e dei relativi parametri principali. Quindi scrivere i tag di linea. Avviare ogni coppia con una nuova linea. Quindi puoi vedere quante righe nella tua tabella. Inoltre, scrivere i parametri stringa o stringa se sono diversi da quelli di base. Quindi consigliamo di iniziare a registrare ogni cella, anche da una nuova linea. E 'auspicabile fare una o due tab indentazioni dal bordo. Quindi, vedrai chiaramente la struttura del codice.

Il contenuto delle celle e delle stringhe si consiglia di essere scritto già alla fine, quando il telaio della tabella è pronto.

nome