Cours Stage - Interaction Homme - Machine Web

Exercice - Interaction Homme - Machine Web

L'énoncé

On s'intéresse dans cet exercice à la notion d'hypertexte.
Répondre aux questions suivantes :


Question 1

On donne la syntaxe d'un lien hypertexte en HTML, décrire chaque composant. 

hypertexte_2

href permet d'indiquer le renvoi que l'on souhaite effectuer, vers un lien, vers un lien intra page (si la commande URL n'est pas indiquée et seule le champs cible est renseigné). 

title permet d'indiquer au survol de la balise une indication (ici "description").

acceskey permet de d'activer le lien à l'aide du raccourci clavier alt + g (ici). Ce raccourci peut varier en fonction du système d'exploitation et du navigateur web. 

Enfin, le texte entre les deux balises correspond au texte affiché sur la page web. 

Qu'est ce qu'une URL ? 


acceskey est activé par le clavier de l'utilisateur. 

Question 2

On donne le fichier HTML suivant.

q2-hypertexte_1

Décrire chacune des balises utilisées. 

head correspond au nom de la page.

h1 permet d'écrire un titre.

ul permet d'effectuer une liste avec des points, dont chaque item est indiqué par li

On remarquera qu'on liste les matières puis des loisirs. 

Question 3

On souhaite rajouter un sommaire à la page qui reprendra les différents grandes parties précédentes.

Le code devient alors le suivant : 

q3-hypertexte_1

On utilisera des liens hypertextes...


...en enlevant URL ...


... et en ajoutant à la balise titre <h1 id="nom_cible">.

Question 4

On veut rajouter à présent une partie contenant nos sites web préférés qui indique leur url et qui permet d'y accéder directement.

Le code devient alors :

q4-hypertexte

On utilisera à nouveau des liens hypertexte. 


On pensera bien à compléter le sommaire.

Question 5

On souhaite pouvoir désormais disposer d'un lien qui permet d'envoyer directement un mail à une adresse mail pré-établi, avec comme sujet : "Demande de contact"

Le code est le suivant 

q5-hypertexte_1

On pourra utiliser avec l'attribut href le terme mailto:...


... après l'adresse mail on pourra utiliser le terme ?subject=