4 Creare contenuti per il web - Andrea Giachetti

Creare contenuti per il web: (X)HTML e CSS in dettaglio 71
È noto che una buona pratica nello sviluppo di qualunque tipo di codice consiste nel
commentare lo stesso in modo da renderlo più comprensibile a se stessi ed agli altri. Nei
linguaggi di programmazione più noti, ad esempio, esistono speciali combinazioni di caratteri
che delimitano parte del codice che non deve essere compilato o interpretato, ma serve solo
come nota a margine dell'autore. Anche in (X)HTML esistono i commenti e la sintassi è la
seguente:
Attenzione, però: a differenza di quanto accade nei programmi compilati, i commenti aggiunti
all'(X)HTML sono visibili all'utente finale (attraverso l'opzione visualizza sorgente pagina del
browser), per cui è opportuno evitare eccessi.
4.4 Inserire immagini
Nei documenti (X)HTML è possibile inserire immagini attraverso l'elemento . La
sintassi è semplice: si tratta di un elemento vuoto, che si apre e si chiude allo stesso tempo e in
cui l'immagine da inserire è indicata mediante l'URL nell'attributo obbligatorio src. L'immagine
può essere ridimensionata a piacere attraverso gli attributi dimensionali width e height. Le
dimensioni si indicano in pixel o in percentuale sull'elemento che contiene il tag. Si noti che le
dimensioni non sono obbligatorie: in caso siano assenti l'immagine verrà visualizzata con il
numero di pixel originale. L'uso dei parametri width ed height può essere utile anche se essi
coincidono con i valori del file collegato, in quanto velocizzano in tal caso la visualizzazione
sul browser. L'uso di valori di dimensione inferiori a quelli dell'immagine originale è invece
poco efficiente: varrebbe la pena, in tal caso, creare una versione ridotta dell'immagine per
ridurre il tempo di trasferimento del file. Altri attributi di img sono border, che permette di
inserire un bordo intorno all'immagine stessa e alt, obbligatorio, il cui valore deve essere una
descrizione alternativa dell'immagine ad uso dei browser testuali o vocali. La descrizione viene,
in genere, visualizzata anche come testo popup (cioè a comparsa) quando il puntatore staziona
Ho tanta voglia di andare al
mare!
Ho tanta voglia di andare al mare!
Figura 31: Esempi di inserimento di immagine in documento (X)HTML