Webmaking101 ∞ HTML è tutto intorno a noi!

Oggi voglio farvi conoscere alcuni tag HTML da aggiungere al vostro vocabolario.
Lo farò utilizzando esempi presi dalla vita reale. Sì, avete capito bene!
Gli esempi provengono dalla realtà di tutti i giorni, non dal web. Vi ho incuriosito?

Il tag img

Il tag img è un contenitore per le immagini, proprio come una cornice. Per inserire un'immagine all'interno del contenitore si usa l'attributo src + il link alla foto o immagine da inserire nella cornice.

 

Il tag ul

Il tag ul descrive una lista non ordinata. Nel documento viene visualizzata come una lista a punti.

• biro
• evidenziatore
• pennarello
• matita
• forbici 

Notate il tag li. Questo tag descrive il singolo elemento all'interno di una lista.

Il tag ol

Il tag ol descrive una lista ordinata. Nel documento appare come una lista numerata.

1. Haruhi Suzumiya volume 1
2. Haruhi Suzumiya volume 2
3. Haruhi Suzumiya volume 3
4. Haruhi Suzumiya volume 4
5. Haruhi Suzumiya volume 5

Il tag blockquote

Il tago blockquote si usa per inserire una citazione nel documento. Un frammento di testo che non ci appartiene, estratto da un libro o da un'altra fonte e riportato con uno stile particolare che lo distingue dal testo scritto da noi.

Oggi parliamo di Voglio fare la giornalista di Paola Zannoner. Prima di tutto, un assaggio dal libro...

Non sono una che incassa signorilmente. Ho bisogno di una sano, diretto e brutale sfogo come quello della mia amica. - Paola Zannoner, Voglio fare la giornalista.

Esercizio
Prendete la macchina fotografica, oppure taccuino e matita e andate a caccia di tag html nella realtà di tutti i giorni.


Riferimenti

• Paola Zannoner, Voglio fare la giornalista, DeAgostini, 2011
• Gli esempi di codice sono stati scritti con Mozilla Thimble (https://thimble.webmaker.org/en-US/).
• Per approfondire: P2PU | #4 HTML Hunting in the World Around You (in inglese).
• Il post è stato scritto sulla base di alcune idee che ho adattato da P2PU.