Linguaggio html

Linguaggio HTML – Note Prof.ssa Nicoletta Sala. Classe 3 INF

Promemoria delle principali istruzioni in HTML

Le istruzioni in HTML sono racchiuse in TAG <...> (che sulla tastiera sono i simboli di minore < e di maggiore >). Non si fanno differenze tra maiuscole e minuscole. Ogni TAG ha la sua corrispettiva chiusura </...> (tranne il ritorno a capo BR).

Tag principali

<HEAD> Indica la testa della pagina.

<TITLE> Indica il titolo della pagina.

<BODY> Indica il corpo della pagina.

<H..> Indica che i caratteri posti tra questa istruzione devono essere scritto con grandezza predefinita (da 1 a 6). <H1> per i titoli delle pagine, <H2> per i sottotitoli e così via.

<BR> permette di andare a capo.

<B> scrive in grassetto inserito tra questi mark.

<I> scrive in corsivo.

<S> scrive in sottolineato (Consigli: conviene non usarlo per non confondere il testo normale con le connessioni (o links)).

Inserire un’immagine

<IMG SRC=".."> permette di inserire un’immagine. Ad esempio se la mia immagine si chiama figura1.jpg, l’istruzione che permetterà di visualizzarla sarà:

<IMG SRC="figura1.jpg">

Collegamenti ipertestuali

<A HREF=".."> permette un collegamento ipertestuale. Ad esempio se vogliamo eseguire il collegamento, sul testo "prima pagina", alla pagina di nome p1.htm, allora l’istruzione sarà:

<A HREF="p1.htm"> prima pagina </A>

Un collegamento ipertestuale può anche essere fatto con un’immagine (ad esempio facendo clic su di essa). Se vogliamo attivare il collegamento alla pagina p1.htm, agendo sulla figura figura1.jpg, le istruzioni saranno:

<A HREF="p1.htm"><img src="figura1.jpg"></a>

Quest’ultima possibilità è usata per creare i collegamenti tra le pagine ipertestuali utilizzando le icone o i bottoni e non il testo scritto.

Colore dello sfondo

<BODY BGCOLOR=".."> permette di dare un colore allo sfondo della pagina.

Questa istruzione va inserita dopo l’istruzione <BODY>.

Ad esempio:

<BODY>

<BODY BGCOLOR="#FFFF00"> oppure <BODY BGCOLOR="yellow ">

Assegnerà allo sfondo il colore giallo. La prossima tabella illustra le sigle dei colori già disponibili in HTML.

Colori disponibili in HTML

E’ inoltre possibile assegnare allo sfondo diverso come motivo che si ripete (come accade per il desktop di Windows).