I commenti Tutti i linguaggi di programmazione e di markup prevedono la possibilità di inserire commenti nel codice I commenti non sono interpretati.

Presentazione sul tema: "I commenti Tutti i linguaggi di programmazione e di markup prevedono la possibilità di inserire commenti nel codice I commenti non sono interpretati."— Transcript della presentazione:

1 I commenti Tutti i linguaggi di programmazione e di markup prevedono la possibilità di inserire commenti nel codice I commenti non sono interpretati dai browser o da altri agenti utente o dagli interpreti dei linguaggi, quindi non sono visualizzabili se non guardando direttamente il codice Usare i commenti non è solo utile ma è doveroso I commenti in HTML sono marcati da <!-- commento -->

2 HTML: tag di struttura I tag di struttura servono a descrivere come il documento è organizzato dal punto di vista gerarchico Sono tutti tag di tipo blocco Titoli h1, h2, h3 = heading p = paragraph ul, ol, dd = liste div = divisori (nessuna formattazione)

3 HTML: tag di presentazione
Servono a definire come il testo o parti di esso devono essere visualizzati in termini di formattazione (grassetti, corsivo ecc.) Tipografici b = bold, grassetto i = italic, corsivo u = underline, sottolineato Espressivi strong = bold, grassetto em = emphasis, enfasi, corsivo

4 Le tabelle Servono solo per contenuto tabellare
Spesso abusate per il layout tr : riga, table row th: intestazione, table header td: cella, table data caption: titolo tfoot: piè di pagina, table footer

5 HTML: i collegamenti I collegamenti sono il primo e più semplice livello interattivo dell'ipertesto Permettono di passare con un clic a diverse parti dello stesso documento oppure a documenti diversi sullo stesso server o su server diversi a = anchor Riferimenti relativi e assoluti URL

6 HTML: il tag a

7 HTML: le immagini Le immagini si inseriscono con il tag img
Possono risiedere sullo stesso server oppure su sever diversi I formati più utilizzati sono JPEG, GIF e PNG La scelta del formato dipende da molti fattori: dimensioni dell'immagine (compressione e ”peso”) trasparenza qualità

8 I formati per le immagini
PNG (pron. ping) compressione senza perdita di qualità ”peso” superiore a JPEG trasparenza parziale e completa adatte a tutto GIF (pron. ghif) molto usate compressione elevata con elevata perdita di qualità palette di colori indicizzata peso molto ridotto trasparenza solo completa

9 I formati per le immagini
JPEG o JPG (pron. giaipeg) compressione elevata con perdita di qualità palette di colori completa adatta per le immagini con sfumature o con molti colori (fotografie) nessuna trasparenza è il formato più usato ATTENZIONE ALLE DIMENSIONI !!

10 Programmi per modifica immagini
The Gimp ( Inkscape (disegno vettoriale loghi ecc.