Le istruzioni HyperText Markup Language (HTML) che formano le tabelle inserite nelle pagine Web forniscono un numero abbastanza elevato di parametri aggiuntivi. Ciò consente, a differenza di altri elementi di blocco, di impostare le dimensioni non solo utilizzando il linguaggio CSS (Cascading Style Sheets o "Cascading Style Sheets"), ma anche utilizzando l'HTML stesso.
Istruzioni
Passo 1
Utilizzare l'attributo width del tag della tabella per specificare la larghezza della tabella in pixel. La tabella dei tag (istruzione HTML) è costituita da un'apertura (
) parti, tra le quali sono presenti tag che formano le righe e le celle della tabella. Ulteriori parametri (attributi) possono essere inseriti nel tag di apertura, il cui elenco per ogni tag specifico è determinato dagli standard internazionali. Per il tag della tabella, questi standard consentono l'uso dell'attributo width, che specifica la larghezza della tabella in pixel. Il codice HTML di una semplice tabella con un tag di questo tipo che definisce una larghezza di 500 pixel può avere questo aspetto:
| 1a cella | 2a cella |
Passo 2
Aggiungi un carattere% al valore dell'attributo larghezza se devi specificare la larghezza della tabella come percentuale anziché in pixel:
| 1a cella | 2a cella |
Tieni presente che queste percentuali non saranno necessariamente basate sulla larghezza della finestra del browser. La struttura del documento è importante qui - proprio come una bambola annidata nidificata non può essere più larga di quella in cui è annidata, così il 100% della larghezza della tabella non può essere maggiore della larghezza dell'elemento genitore. Ad esempio, se la tabella si trova all'interno di un blocco div, la larghezza di questo blocco verrà considerata pari al 100%.
Passaggio 3
Utilizzare le istruzioni del linguaggio di descrizione dello stile se si desidera impostare la stessa larghezza per le tabelle nella pagina Web in un punto del codice sorgente. Per fare ciò, inserisci prima nella parte principale del codice HTML (tra e) i tag di apertura e chiusura che limitano le istruzioni del linguaggio CSS:
/ * Le istruzioni CSS saranno qui * /
Quindi inserisci il seguente CSS tra questi tag: table {width: 100px;} Qui, table indica che la descrizione posta all'interno delle parentesi graffe deve essere applicata a tutti i tag della tabella che appaiono nel codice della pagina. Bene, il parametro width imposta la larghezza. Anche qui puoi usare la larghezza relativa come percentuale.
Passaggio 4
Specificare il nome della classe nel codice CSS e nel tag della tabella HTML se è necessario specificare la larghezza non per tutte le tabelle, ma solo per una o più tabelle. Ad esempio, supponiamo che la classe che contrassegna un gruppo di tabelle strette sia minuscola. Quindi la descrizione del suo stile potrebbe essere così: table.tiny {width: 100px;} E il tag corrispondente di una delle tabelle nel codice HTML è così:
| 1a cella | 2a cella |
