ELEMENTI DI BASE DI UN TESTO IN FORMATO HTML
I testi scritti in HTML si distinguono dai normali txt tramite l’estensione .html nel nome del file; nell’ambiente DOS in particolare i suffissi dei nomi di file non possono eccedere i 3 caratteri, perciò i testi in HTML hanno di norma suffisso .htm. Il suffisso non è un elemento obbligatorio, ma è utilizzato normalmente per identificare il tipo di file.
Tali documenti quindi, non sono altro che dei normali file ASCII; in più vengono aggiunti i codici di formazione della pagina che prendono il nome di tag (contrassegno) consistenti in sequenze di caratteri propri del linguaggio HTML che non fanno parte del testo normale, e che consentono di realizzare i due elementi caratteristici dell’ipertesto: i link (salti ipertestuali) e gli elementi ipertestuali (oggetti multimediali, immagini, grafici).
Per rappresentare all’interno dei documenti i link ad oggetti multimediali e i link alle pagine della rete, il linguaggio HTML utilizza i nomi di riferimenti denominati URL, con i quali è praticamente possibile rappresentare ogni file o servizio in Internet.
I tag del linguaggio HTML sono costituiti da stringhe di caratteri comprese tra i simboli di maggiore e minore.
Di norma un testo HTML viene suddiviso in almeno due sezioni:
In HTML un codice è nella maggior parte dei casi abbinato a un altro codice corrispondente che segna la fine dell’azione prevista da quel codice, e questo ha una barra (slash) all’inizio:
<CODICE> inizio </CODICE> fine
<HEAD> inizio </HEAD> fine
<BODY> inizio </BODY> fine
ecc.
Di seguito vengono illustrati i tag che servono per definire con precisione il testo in linguaggio HTML.
- Dimensione dei caratteri
Solitamente è necessario differenziare le dimensioni dei caratteri, anche solo per distinguere il titolo dal resto del testo. I tag in ordine di grandezza sono i seguenti:
<H1> testo </H1>
<H2> testo </H2>
<H3> testo </H3>
ecc.
- Paragrafi
Un paragrafo è una porzione di testo separata dalle altre da una riga di spazio o semplicemente da un ritorno a capo.
Per specificare l’inizio di un nuovo paragrafo è sufficiente usare il tag <P>.
Per inserire un ritorno a capo si usa il tag <BR>.
- Titolo
Ad ogni documento HTML può essere associato un titolo che ne descrive il contenuto. Il titolo viene racchiuso tra la coppia di tag
<TITLE> </TITLE>
- Link
Con i link si effettuano riferimenti a file remoti o ad altre parti del documento stesso. Il link appare sulla pagina come un’immagine, un’animazione o semplicemente un testo di norma sottolineato: passando su di esso il puntatore del mouse si trasforma diventando una mano e indica che si può attivare il link premendo con il tasto del mouse.
La struttura del tag è la seguente:
<A HREF="nomefile.html">Prova </A>
Il nomefile indica la destinazione del link, e deve essere indicato con la sintassi URL.
- Visualizzazione di immagini
Ogni immagine richiede un certo tempo di elaborazione, in quanto solitamente di notevoli dimensioni, causando un rallentamento del sistema nel momento della sua acquisizione; nel progettare le pagine HTML è opportuno usare immagini di dimensioni contenute, al fine di ridurre i tempi necessari per il caricamento delle pagine e quindi i tempi di attesa per l’utente.
Per includere un’immagine nel documento si deve usare il seguente tag HTML:
<IMG SRC="NomeImmagine" AltriParametri>
Il formato dell’immagine è scelto in base all’estensione; quindi se il file immagine è in formato GIF il suo nome deve terminare con l’estensione.gif, se è in formato JPEG, l’estensione deve essere.jpeg e così via. Le estensioni quindi, in questi casi, non sono più facoltative ma obbligatorie.
- Liste
Il linguaggio HTML mette a disposizione i codici per definire delle liste, in particolare liste numerate, non numerate e di descrizione.
- Liste numerate e ordinate
Una lista numerata si crea usando la seguente sintassi:
si inizia con un tag di apertura <OL>;
si mette il tag <LI> davanti ogni oggetto della lista;
si chiude la lista con il tag </OL>.
- Liste non numerate
Per ottenere le liste non numerate si usa la seguente sintassi:
si inizia con un tag di apertura <UL>;
si mette il tag <LI> davanti ogni oggetto della lista;
si chiude la lista con il tag </UL>.
- Liste di descrizione
Una lista di descrizione è costituita da un alternanza di titoli (identificati con DT) e di descrizioni (identificate con DD). La sintassi viene costruita con i seguenti codici:
si apre la lista con il tag <DL>;
si inserisce il titolo del primo oggetto della lista dopo il tag <DT>;
si inserisce la descrizione del corrispondente oggetto dopo il tag <DD>;
alla fine si inserisce il tag di chiusura lista </DL>.
- Formattazione del testo
In un testo HTML il ritorno a capo deve essere espressamente indicato con il codice <BR>.
- Testo preformattato
Si può obbligare il browser ad utilizzare una certa porzione di documento secondo il formato predefinito come standard dallo stesso browser per i caratteri. Per far questo si usa il codice:
<PRE> testo da visualizzare </PRE>
- Formato dei caratteri
L’autore di un documento HTML interessato ad evidenziare singole parole o intere frasi può utilizzare gli elementi speciali detti stili.
L’HTML supporta due tipi di stili:
lo stile in formato logico e in formato fisico.
Lo stile in formato logico è identificato con i seguenti codici:
<DFN> </DFN> per il grassetto
<SAMP> </SAMP> per testo di esempio
<STRONG> </STRONG> per testo evidenziato (grassetto)
<VAR> </VAR> per i nomi di variabile
ecc.
- Caratteri speciali
Per le lettere accentate, si usano le seguenti rappresentazioni:
è per è
È per E’
é per è
analogamente per le altre vocali a, o, i, u.
- Indirizzo
Quando si produce una pagina in Internet è consuetudine specificare l’indirizzo di e-mail dell’autore del documento. Tale informazione è specificata con il seguente codice:
<ADDRESS> testo </ADDRESS>