La balise ALT, également connue sous le nom d'« attribut ALT », correspond au texte alternatif d'une image ou d'un visuel sur une page Internet. Il fait partie des champs possibles à remplir en codage HTML et permet de donner une description de l'image ou du visuel si ce dernier n'apparaît pas à l'écran.
L'attribut alt contient une description textuelle de l'image, ce qui n'est pas obligatoire mais extrêmement utile pour l'accessibilité. En effet, les outils de lecture d'écran utilisent cette description pour la lire afin que les personnes sachent ce que l'image représente.
L'objectif initial (et toujours principal) est de décrire les images aux visiteurs malvoyants. En effet, ces derniers utilisent des lecteurs d'écran qui se basent sur les attributs alt pour décrire les images.
Revenons au point de départ : pourquoi fournir un texte alternatif ? Le contenu de l'attribut alt est un texte permettant de décrire le contenu d'une image. Pourquoi décrire le contenu d'une image ? Parce que tout le monde n'a pas la possibilité d'interpréter un élément visuel pour en restituer le sens.
Pour faire un lien HTML sur une image, il faut insérer l'attribut img src entre les balises d'ouverture et de fermeture de l'attribut a href : < a href="adresse de redirection" > < img src="URL de l'image" > < /a >.
Pour préciser un attribut, vous ferez d'abord un espace entre le nom de la balise et le nom de l'attribut, que vous écrirez en minuscules. Prenons par exemple l'attribut id qui vous permet de donner un identifiant, ou un nom si vous voulez, à un élément de l'HTML.
<p> : l'élément paragraphe. L'élément HTML <p> représente un paragraphe de texte. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée.
Les balises titre <h1>, <h2>, <h3>, <h4>, <h5>, <h6> La balise <strong> (mise en gras d'une partie de texte) La balise <p> (paragraphe) La balise <br> (saut de ligne)
La fonction première de l'attribut alt est de permettre aux personnes malvoyantes de savoir à quoi correspond votre image. C'est, en effet, cette expression qui va être lue par les logiciels de lecture d'écran. Cet attribut présente également une utilité pour l'ensemble des internautes.
C'est quoi une balise h1 ? La balise h1 désigne un titre sur la page d'un site Internet. La plus importante de toutes les balises Hn, la H1 contient le mot clé principal, car c'est à elle que Google accorde le plus d'importance. Ainsi, la balise H1 est un composant essentiel pour le référencement naturel.
L'élément HTML <a> (pour ancre ou anchor en anglais), avec son attribut href , crée un lien hypertexte vers des pages web, des fichiers, des adresses e-mail, des emplacements se trouvant dans la même page, ou tout ce qu'une URL peut adresser. Le contenu de chaque élément <a> doit indiquer la destination du lien.
La balise HTML commence toujours par « < » et se termine par « > ». Par exemple, le code « H3 » signifie « titre de niveau 3 » en langage HTML. Si vous souhaitez nommer un sous-titre « Apprendre la rédaction web », vous devrez taper <H3>Apprendre la rédaction web</H3>.
Dans chacun des cas, il faudra utiliser une balise différente et bien respecter leur hiérarchie : on utilisera un balise <p> pour un paragraphe, une balise <h1> pour un titre de premier niveau, une balise <h2> pour un titre de deuxième niveau — jusqu'à la balise <h6> (titre de sixième niveau).
Un document HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. L'en-tête est délimité par les balises <HEAD> et </HEAD>.
CSS est l'acronyme de « Cascading Style Sheets » ce qui signifie « feuille de style en cascade ». Le CSS correspond à un langage informatique permettant de mettre en forme des pages web (HTML ou XML).
Pour insérer un commentaire HTML, il faut utiliser la balise < ! -- -- > et placer le texte entre les deux double-tirets. Exemples : < ! -- je commente ici pour rappel -- > ; < !
Pour faire un lien hypertexte vers un site web existant, on utilise la balise <a> avec l'attribut href pour indiquer l'adresse de la page web cible. Il s'agit d'un lien absolu. Exemple : <a href="https://openclassrooms.com"> .