Exercice n°1 Exercice n°2 Exercice n°3 Exercice n°4 Intro Html Intro Css

Mise en situation

Le titre principal « Bienvenue en Franche Comté » doit être un lien hypertexte menant à une page contenant diverses photographies : photos.htm.

Exercice n°2 : infobulle

Vous associerez à ce lien une infobulle déclenchée par le passage du pointeur de la souris expliquant que ce lien mène à vos photos de présentation.

Comment structurer cette page d'accueil en HTML ?

Quel choix allez-vous faire parmi ces deux propositions ?

1. <a href="photos.htm" title="photos de Franche Comté">
   <h1>Bienvenue en Franche Comté</h1></a>
2. <h1><a href="photos.htm" title="photos de Franche Comté">
   Bienvenue en Franche Comté</a></h1>

Rappel

Prenez garde à la structure des balises : 

La balise de lien <a>, étant un élément de type en ligne, ne peut pas contenir d'élément de type bloc comme <h1>. Ceci exclut donc la première proposition.

L'attribut title correspond quant à lui à l'infobulle, c'est à dire au comportement recherché ici.
La confusion entre alt et title est fréquente car Internet Explorer déclenche aussi une infobulle sur l'attribut alt, comportement non prévu par la norme.

Résultat

Bienvenue en Franche Comté

Ouvrages de références

• « More on CSS » par Eric Meyer
  (© CampusPress), 2005.
• « CSS 2 Pratique du design web » par Raphaël Goetter
  (© Eyrolles), 2009.

Haut de page