Attributi

1. Attributi

Un tag di apertura può contenere informazioni di servizio speciali — attributi. Un tag di chiusura non può contenere attributi. La forma generale degli attributi è questa:

<tag name1="value1" name2="value2">  

Esempio di un tag con attributi — un link:

      
<a href="http://codegym.cc/about" target="_blank">
    Link a qualcosa di interessante
</a>
      
    

Ogni attributo è definito come una coppia di nome e valore. Gli attributi possono essere in numero illimitato.

Un programmatore attento si chiederà subito: cosa fare se come valore dell'attributo dobbiamo usare un testo che contiene i caratteri «<», «>» o le virgolette?

All'interno di un documento HTML non possiamo usarli così come sono. Esistono delle specifiche scritture per rappresentarli:

Questa sostituzione si chiama escape dei caratteri. Ne parleremo più avanti in modo più dettagliato.

2. Immagini

Il tag <img> si usa per inserire immagini in una pagina web. È un tag singolo, cioè non ha un tag di chiusura. Gli attributi importanti sono:

• src — specifica il percorso dell'immagine.
• alt — descrive l'immagine, utile per i motori di ricerca e nei casi in cui l'immagine non può essere caricata.

Esempio:

      
<img src="image.jpg" alt="Descrizione dell'immagine">
      
    

3. Link

Il tag <a> si usa per creare collegamenti ipertestuali. L'attributo principale di questo tag è:

• href — specifica l'URL (indirizzo) della pagina o della risorsa a cui punta il link.
• target — determina dove si aprirà il link (ad esempio, _blank per una nuova scheda).

      
<a href="https://www.example.com">Vai su Example.com</a>