Synthèse sur les balises de structuration du langage HTML

icone drapeau

Les éléments de base

L’élément HTML <a href> (pour « ancre » ou anchor en anglais) définit un hyperlien vers un autre endroit de la même page ou vers une autre page sur le Web.

L’élément HTML <class> est utilisé pour définir des styles égaux pour des éléments portant le même nom de classe. Par conséquent, tous les éléments appartenant à la même classe auront le même style.

L’élément HTML <div> (qui signifie « division du document ») est un conteneur générique qui permet d’organiser le contenu sans représenter rien de particulier. Il sert notamment à diviser une cellule dans un tableau. Il peut aussi être utilisé afin de grouper d’autres éléments pour leur appliquer un style (en utilisant les attributs <class> ou <id>) ou parce qu’ils partagent des attributs aux valeurs communes, comme pour des photos dans un seul cadre.

L’élément HTML <figcaption> définit la légende d’un élément HTML <figure>. Il permet de donner un titre visible à une image.

L’élément HTML <img> (qui signifie image) permet de représenter une image dans un document. Cette élément est configurable grâce à 4 attributs possibles :

  • L’attribut src (qui signifie source) est obligatoire et contient le chemin de l’image qu’on souhaite afficher.
  • L’attribut alt (qui signifie « texte alternatif ») n’est pas obligatoire mais fortement recommandé car il contient une description textuelle de l’image : pour des raisons d’accessibilité, cet attribut est indispensable pour les lecteurs vocaux d’écran. Par conséquent, chaque image des pages créées a été codée avec l’attribut alt.

L’élément HTML <style> permet de définir les informations de style d’un document HTML. Par exemple, il m’a permis de coder les caractéristiques des images. Afin que la taille des images ne soit pas modifiée selon les navigateurs, on utilise 2 attributs :

  • Les attributs width (qui signifie « largeur ») et height (qui signifie « taille ») permettent de configurer les dimensions d’une image.

L’élément HTML <color> permet de choisir la couleur d’un élément (figure, texte, bouton…). La couleur choisie pour l’ensemble du site a été codée en « rgb(95, 158, 160) » qui est bien reconnue par les différents matériels. Elle porte le nom de « CadetBlue ».

icone drapeau

Qu’est-ce qu’une image « call-to-action » ?

Ce type d’image est un bouton qui contient un hyperlien vers un autre endroit de la même page ou vers une autre page sur le Web.

Exemple utilisé sur la page d’Accueil

icone Notes
Ligne de code HTML d'une image "call-to-action"
Figure 1 : Ligne de code HTML d’une image « call-to-action ».

Sitographie

HTML Dog. Disponible sur : https://htmldog.com/ (Consulté le 23/11/2019).

w3schools.com. Disponible sur : https://www.w3schools.com/ (Consulté le 23/11/2019).