Attributs

1. Attributs

Une balise ouvrante peut contenir des infos spéciales de service — des attributs. Une balise fermante ne peut pas contenir d'attributs. La structure générale des attributs ressemble à ça :

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

Un exemple de balise avec attributs — un lien :

      
<a href="http://codegym.cc/about" target="_blank">
    Lien vers quelque chose d'intéressant
</a>
      
    

Chaque attribut est défini sous forme de paire nom et valeur. Il peut y avoir d'innombrables attributs.

Un programmeur attentif pourrait se demander : que faire si la valeur d'un attribut doit contenir des caractères comme «<», «>» ou des guillemets ?

À l'intérieur d'un document HTML, ces caractères ne peuvent pas être utilisés directement. Il existe des écritures spéciales pour cela :

Ce remplacement est appelé échappement de caractères. On en reparlera plus tard en détail.

2. Images

La balise <img> est utilisée pour intégrer des images dans une page web. C'est une balise unique, ce qui signifie que elle n'a pas de balise fermante. Les attributs importants sont :

• src — indique le chemin de l'image.
• alt — décrit l'image, ce qui est utile pour les moteurs de recherche et dans les cas où l'image ne peut pas être chargée.

Un exemple :

      
<img src="image.jpg" alt="Description de l'image">
      
    

3. Liens

La balise <a> est utilisée pour créer des hyperliens. L'attribut principal de cette balise est :

• href — indique l'URL (adresse) de la page ou de la ressource vers laquelle le lien mène.
• target — spécifie où le lien s'ouvrira (par exemple, _blank pour un nouvel onglet).

      
<a href="https://www.example.com">Aller sur Example.com</a>