/ / Come creare una tabella in HTML. Cartella colori

Come creare una tabella in HTML. Cartella colori

I webmaster principianti devono confrontarsimolti problemi. Sembrerebbe che oggi puoi già utilizzare i modelli per creare i tuoi siti, ma il problema è che non hanno sempre le proprietà necessarie e quindi devi creare un design del sito da zero o apportare modifiche al codice esistente. Qui è necessario conoscere il codice HTML e idee minime su come impostare lo sfondo e il colore della pagina, inserire un'immagine o un video, creare una tabella in HTML.

Iniziare su un tavolo

Una delle cose più difficili del markupLe pagine HTML sono tabelle. E il problema non è nella complessità dei tag, che, in realtà, non sono così difficili da ricordare, ma nel fatto che durante la scrittura del codice, puoi facilmente commettere errori: dimentica di scrivere una riga o una cella aggiuntiva, inserisci il testo nel posto sbagliato e altre piccole cose ... Inoltre, maggiore è il tavolo, maggiore è la possibilità di fare un errore.

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

alla tabella html

Prima di tutto, dovresti disegnare la tabella futura su un foglio di carta, annotando cosa e in quale cella avrai, e notando anche per te i parametri principali di questo o quell'elemento.

Successivamente, dovresti contare il numero di righe intabella, nonché il numero di celle in ogni riga. Raccomandiamo inoltre di contrassegnare elementi come la presenza di immagini nella tabella, il colore di sfondo, i bordi, il testo. Solo allora puoi iniziare a creare una tabella in HTML usando le informazioni registrate.

editore

Quindi hai creato il layout della tabella.Ora devi scegliere un editor adatto per crearlo. Puoi scegliere speciali costruttori di siti Web e creare una tabella al loro interno. Utilizzando questo software, la creazione di una tabella non è più difficile della creazione di un documento di Word. Puoi scegliere un programma come FrontPage. Nonostante il fatto che il programma sia piuttosto vecchio, con il suo aiuto puoi creare buoni siti, inoltre puoi trovare più di un manuale di autoistruzione.

Se si desidera creare una tabella in HTML utilizzandocodice speciale, è possibile utilizzare un normale blocco note o un normale documento Word per questi scopi. È vero, dovrai lavorare sodo qui, poiché ci vorrà molto tempo per scrivere il codice.

Puoi usare l'editor integratoil motore del sito stesso. Pertanto, quando si crea un record in molti motori, è possibile aggiungere diversi elementi, comprese le tabelle. Anche se non sei soddisfatto delle funzionalità di base dell'editor, apportare modifiche al codice sarà più semplice che scriverlo da zero.

tag

Indipendentemente dall'editor che seiprima di iniziare a creare una tabella in HTML, dovresti ricordare i tag principali. Ce ne sono tre -

, e e terminano con il tag . Ogni riga contiene il numero di celle che utilizzano i tag .

Pertanto, il codice per una tabella 2x2 sarà simile al seguente:

. Si noti che tutti i tag sono associati. Il primo tag indica la tabella nel suo insieme, il secondo specifica la riga e il terzo - la cella all'interno della riga.

sfondo nella tabella html

Un po 'più di dettagli su ciascuno dei tag.Una tabella inizia sempre con il tag

e termina con
. Per qualsiasi browser, questa è una convenzione secondo cui il tavolo si trova di fronte. Successivamente, vengono scritte le righe, che si aprono con
e

Puoi inserire la tabella nel codice HTML della pagina copiandola dall'editor selezionato.

Parametri per tabelle, righe e celle

Quindi, abbiamo analizzato il codice di base.Ora parliamo di come migliorare il tavolo, renderlo più luminoso e più attraente. Per fare ciò, è necessario conoscere i parametri di base dei tag. Sono scritti all'interno del tag di apertura, con un segno di uguale dopo ciascun parametro, quindi viene scritto il suo valore, tra virgolette. Ad esempio, uno sfondo in una tabella HTML è impostato in questo modo:

.

Ecco alcuni parametri di base che ti saranno più utili. Cominciamo con la tabella stessa.

Quindi, l'impostazione della larghezza del bordo aiuterà il parametro del bordo, che può assumere qualsiasi valore numerico. Il colore del bordo è impostato da bordercolor. Lo sfondo generale è dato da bgcolor.

inserire la tabella in html

Se vuoi rendere lo sfondo della tabella un'immagine, usa lo sfondo, mentre dovresti registrare l'URL dell'immagine.

Allineare il contenuto della pagina attorno alla tabella aiuterà il parametro di allineamento, che può assumere i valori a sinistra, al centro e a destra.

La coppia tag <caption>, che viene scritta immediatamente dopo il tag di apertura <table>, aiuterà a impostare il titolo.

Un po 'sui parametri delle stringhe.Il colore delle celle in una riga viene impostato utilizzando bgcolor. L'allineamento del testo in orizzontale può essere eseguito utilizzando il parametro di allineamento (a sinistra, al centro o a destra), in verticale - valign (assume i valori in alto, al centro o in basso).

Per quanto riguarda la cella, puoi notare che il colore di sfondo e l'immagine di sfondo sono impostati utilizzando gli stessi parametri dell'intera tabella. È possibile allineare il testo utilizzando i parametri align e valign.

Ci sono anche parametri speciali: colspan e rowspan.Usando il primo, puoi impostare il numero di colonne che la cella estenderà. Il secondo è il numero di righe che una data cella può estendersi.

Questi sono tutti i parametri più utili.

Cartella colori

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

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

Se non hai la possibilità di utilizzare la tabella, puoi impostare il colore utilizzando il suo nome in inglese.

Soddisfare

testo nella tabella html

Qualche parola sul contenuto stesso.Ovviamente, molto spesso possiamo vedere il testo nella tabella HTML, ma questo non significa che solo noi possiamo metterlo lì. Le celle e le linee possono contenere anche immagini, file audio e video, collegamenti.

Per inserire del testo o qualsiasi altra informazione in una cella (riga), dovresti scriverlo tra due tag. Ad esempio: <td> nome </td>. La cella visualizza "Nome".

È possibile inserire informazioni grafiche e file multimediali utilizzando tag speciali: <img>, <audio> e <video>.

Consigli

Infine, forniremo alcuni suggerimenti utili che ti aiuteranno a creare rapidamente una tabella di qualsiasi complessità in HTML.

crea una tabella in html

Quando scrivi una tabella, ti consigliamo di scrivere primai tag stessi della tabella e i suoi parametri principali. Quindi scrivi i tag di riga. Inizia ogni coppia su una nuova linea. Questo ti mostrerà quante righe ci sono nella tua tabella. Annotare anche i parametri della riga o delle righe, se differiscono da quelli principali. Quindi ti consigliamo di iniziare a scrivere ogni cella, anche su una nuova riga. Inoltre, è preferibile creare uno o due rientri di tabulazione dal bordo. In questo modo sarai in grado di vedere la struttura del codice abbastanza chiaramente.

Ti consigliamo di scrivere il contenuto di celle e righe alla fine, quando la cornice della tabella è pronta.

piaciuto:
0
© 2018, «Paulturner-Mitchell.com». L'uso di qualsiasi materiale pubblicato sul sito è consentita per riferimento a «Paulturner-Mitchell.com».
y