Les liens et les images en HTML

L'élément a et ses adresses (absolue, relative, ancre, mailto, tel), l'élément img et son alternative, la légende figure/figcaption et le choix du format d'image.

  • 24 cartes
  • 4 thèmes
  • Gratuit

Le programme, thème par thème

Le poids de chaque thème suit celui que lui donne l'examen.

  1. Notions
  2. Questions
  3. Ranger et relier
  4. Les chiffres

Quelques cartes du deck

  • Lien hypertexte : de quoi s'agit-il ?

    Voir la réponse

    Élément a dont l'attribut href donne l'adresse de destination ; un clic sur son contenu y mène.

    Sans href, un a n'est plus un lien : il ne mène nulle part et la touche Tab ne s'y arrête plus. Le texte du lien doit se comprendre seul, pas « cliquez ici ».

  • Depuis blog/2024/article.html, quel fichier ouvre href="../index.html" ?

    • blog/index.html
    • index.html à la racine du site
    • blog/2024/index.html
    • 2024/index.html
    Voir la réponse

    blog/index.html

    Le chemin part du dossier du fichier courant, blog/2024/. .. remonte d'un cran, à blog/, puis on ouvre index.html. Pour viser la racine il en faudrait deux (../../index.html) ou un / initial.

  • Une adresse qui commence par https:// est une URL … ; celle qui donne seulement un chemin depuis le fichier courant est une URL ….

    Voir la réponse

    Une adresse qui commence par https:// est une URL absolue ; celle qui donne seulement un chemin depuis le fichier courant est une URL relative.

    On met une URL absolue pour viser un autre site, une relative pour viser un fichier du même site.

  • URL relative : de quoi s'agit-il ?

    Voir la réponse

    Adresse qui ne donne que le chemin à suivre depuis l'emplacement du fichier courant, comme images/logo.png ou ../index.html.

    Elle reste valable quand le site change de domaine. .. remonte d'un dossier, un chemin qui commence par / part de la racine du site.