Come Disegnare Una Tabella In HTML

Sommario:

Come Disegnare Una Tabella In HTML
Come Disegnare Una Tabella In HTML

Video: Come Disegnare Una Tabella In HTML

Video: Come Disegnare Una Tabella In HTML
Video: 9- Tutorial HTML: Inserire una tabella 2024, Aprile
Anonim

L'HTML è un linguaggio di markup della pagina che può essere utilizzato per ospitare siti Web su Internet. Per formattare il documento in questo caso, vengono utilizzati i tag - elementi di descrizione.

Come disegnare una tabella in HTML
Come disegnare una tabella in HTML

Necessario

  • - informatico;
  • - il programma "Blocco note";
  • - capacità di lavorare con l'HTML.

Istruzioni

Passo 1

Apri la tua pagina in cui desideri aggiungere una tabella in HTML utilizzando Blocco note. Per fare ciò, fai clic con il pulsante destro del mouse sul file per visualizzare il menu di scelta rapida, seleziona l'opzione "Apri con". Seleziona una posizione nel tag Body per aggiungere la tabella al sito.

Passo 2

Usa il tag… per posizionare la tabella in Html. Questo è il tag principale che descrive la tabella. Tutti i suoi elementi devono trovarsi tra i tag di apertura e chiusura. Per impostazione predefinita, la tabella viene creata senza separatori e bordi. Aggiungi il bordo secondo necessità utilizzando l'attributo Border. Per fare ciò, inseriscilo all'interno del tag della tabella e aggiungi un valore numerico per la larghezza del bordo, ad esempio una riga alla tabella. Per fare ciò, usa il tag …, il numero di righe è determinato dal numero delle sue coppie. Aggiungi una descrizione della cella utilizzando il tag…. Posiziona la cella solo all'interno del tag di riga, aggiungi ad essa il numero della colonna (colonna) in cui è posizionata.

Passaggio 4

La posizione del testo nella cella è determinata utilizzando gli attributi Aligh (sinistra, destra, centro) - determina il posizionamento del testo orizzontalmente e Valign (centro, basso, alto) - determina il posizionamento dei dati nella cella verticalmente. Questa descrizione può essere aggiunta sia per una singola cella che per l'intera riga.

Passaggio 5

Utilizzare l'attributo Colspan per unire le celle orizzontalmente e Rowspan verticalmente. Esempio di codice tabella: “Nome tabella” “Nome riga unita” “Nome prima colonna” “Nome seconda colonna” “Seconda riga” “Seconda cella seconda riga” “Terza cella seconda” riga.

Consigliato: