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 -->

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)

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

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

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

HTML: il tag a

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à

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

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 !!

Programmi per modifica immagini The Gimp (http://www.gimp.org/) Inkscape (disegno vettoriale loghi ecc. http://www.inkscape.org/)