03-Les balises du cours 3

Semaine 3

3. Les balises du cours 3

Balise <img />
Balises Type Description
<img /> ligne Pour insérer des images directement dans le code xhtml.

 

Attributs de <img />
Attributs Description
src L’attribut src précise l’adresse relative ou absolue du fichier image que l’on veut afficher.
title Pour ajouter une info-bulle.
alt Permet de fournir un texte avec une brève description.
height Permet de définir la hauter de l’image sur l’écran.
width Permet de définir la largeur de l’image sur l’écran.

Quelques règles d’écriture du HTML

 

  1. Écrire les noms de balise en bas de casse (minuscules).
  2. Écrire les noms d’attribut en bas de casse (minuscules).
  3. Refermer toute balise ouvrante avec une balise de fin. (<h2> 2.1 Signification des acronymes <img/>).
  4. Terminer toute balise vide avec une barre oblique précédée d’une espace (<img /> et non <img>).
  5. Encadrer les valeurs d’attribut de guillemets droits.
  6. Expliciter les valeurs d’attribut (<input … checked= »checked » /> et non <input … checked>).
  7. Remplacer l’identificateur partiel NAME par ID.
  8. Assortir toute image d’un attribut ALT, même de valeur nulle.

 

 

GIF : 

Images avec des aplats de couleurs.
Par exemple des logos + animations

Jpeg 

Pour les images de type photographique.

 

PNG

Transparence parfaite.