Come Inserire Una Tabella In Un Sito Web

Sommario:

Come Inserire Una Tabella In Un Sito Web
Come Inserire Una Tabella In Un Sito Web

Video: Come Inserire Una Tabella In Un Sito Web

Video: Come Inserire Una Tabella In Un Sito Web
Video: 9- Tutorial HTML: Inserire una tabella 2024, Dicembre
Anonim

I linguaggi di markup HTML, Wiki e BB-Code dispongono di strumenti per la creazione di tabelle. Ciò consente di inserire informazioni sulle caratteristiche comparative di determinati oggetti, dati statistici e di altro tipo nei documenti o nei messaggi del forum.

Come inserire una tabella in un sito web
Come inserire una tabella in un sito web

Istruzioni

Passo 1

Per creare una tabella in un documento HTML, aprilo prima con il tag

… Successivamente, apri la sua prima riga con il tag

(TR è l'abbreviazione di riga di tabella, ovvero una riga di tabella). Ora puoi inserire il numero desiderato di celle nella stringa. Distinguili ognuno aprendo il tag

… Qui, l'abbreviazione TD sta per dati di tabella, cioè dati di tabella. Dopo aver posizionato il numero richiesto di celle in questo modo, chiudi la riga con il ta

… Quando tutte le righe sono state inserite, chiudi la tabella stessa usando il tag

inserendo i dati dopo di esso e quindi inserendo un tag di chiusura

per esempio:

Locali Numero di prese
Corridoio 1
Bagno 0
Cucina 2
Camera 3
Balcone 0

Passo 2

Aggiungendo al tag

parametri, è possibile modificare il colore e lo spessore delle sue linee. In modo che il perimetro esterno della tabella sia spesso un pixel e le linee interne siano spesse due pixel e tutto questo sia dipinto in blu scuro, usa questa costruzione:

Passaggio 3

Per unire più celle orizzontalmente, usa insieme al tag

parametro colspan. Quindi, se scrivi

ottieni una cella con una larghezza di due colonne

Passaggio 4

Quando componi un post sul forum che utilizza BB-Code, usa gli stessi tag per creare tabelle, ma usa parentesi quadre invece di parentesi angolari. Potrebbe assomigliare a questo:

[tavolo]

[tr] [td] Ambiente [/td] [td] Numero di prese [/td] [/tr]

[tr] [td] Corridoio [/td] [td] 1 [/td] [/tr]

[tr] [td] Bagno [/td] [td] 0 [/td] [/tr]

[tr] [td] Cucina [/td] [td] 2 [/td] [/tr]

[tr] [td] Stanza [/td] [td] 3 [/td] [/tr]

[tr] [td] Balcone [/td] [td] 0 [/td] [/tr]

[/tavolo]

Questa tecnica non funziona in tutti i forum e non tutti i tag sono supportati in quelli che hanno la funzione corrispondente.

Passaggio 5

Nel linguaggio di markup Wiki, formatta le tabelle come mostrato di seguito:

{|

| Locali

| Numero di prese

|-

| Corridoio

|1

|-

| Bagno

|0

|-

| Cucina

|2

|-

| Camera

|3

|-

| Balcone

|0

|}

Segno | viene utilizzato qui per passare alla cella successiva e | - viene utilizzato per l'avanzamento riga.

Consigliato: