Editing di un documento HTML
Le tabelle
Una tabella può essere immaginata come un insieme di righe orizzontali e colonne verticali, le cui intersezioni formano celle che contengono testo od immagini e che possono essere formattate in vari modi.
Riportiamo solamente alcuni dei tag necessari ad inserire una tabella in un documento.
La tabella va costruita in questo modo:
<TABLE BORDER=n> </TABLE> che ne segnano l'inizio e la fine,
dove (l'uso di BORDER=n è facoltativo)
n indica il numero di pixel che costituiscono lo spessore del bordo della tabella
<TR> </TR> che segnano l'inizio e la fine di ogni riga di celle (una coppia per riga)
<TD> </TD> una coppia per ogni singola cella che appartiene alla riga.
Esempio:
definiamo una semplice tabella di due righe e due colonne
<TABLE BORDER=1>
<TR>
<TD>cella n. 1</TD>
<TD>cella n. 2</TD>
</TR>
<TR>
<TD>cella n. 3</TD>
<TD>cella n. 4</TD>
</TR>
</TABLE>
Otterremo:
cella n. 1 |
cella n. 2 |
cella n. 3 |
cella n. 4 |
Le liste
Una lista la possiamo assimilare, in prima approssimazione, ad un elenco puntato o numerato
Vediamo quali sono i tag più comuni da utilizzare, riservando gli altri ad una trattazione più avanzata non prevista in questo semplice manuale:
<UL> </UL> inizia e conclude la lista.
All'interno di questi tag sono contenuti gli elementi della lista, così divisi:
<LI > </LI> definisce l'elemento di una lista non ordinata (contrassegnata da pallini),
<OL> </OL> definisce l'elemento di una lista ordinata (contrassegnata da numeri).
Esempio.
scrivendo:
<UL>
<LI> Primo elemento puntato </LI>
<LI> Secondo elemento puntato </LI>
</UL>
otterremo:
Esempio.
scrivendo:
<UL>
<OL> Primo elemento numerato </OL>
<OL> Secondo elemento numerato </OL>
</UL>
otterremo