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 est un texte alternatif qui apparaît lorsque la photo prévue ne s'affiche pas correctement à l'écran. Il fournit donc une description aux visiteurs de ce qu'ils devraient voir. Il est donc une solution de secours en cas de bug technique (lenteur, indisponibilité du serveur, etc.).
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 la rédaction du texte alternatif, il suffit de décrire simplement ce que représente l'image, sans bourrage de mot-clé, comme le conseille Google : « Attachez-vous à créer un contenu utile et informatif qui utilise des mots-clés de manière appropriée et coïncide avec le thème de la page.
Avec align="left" vous alignez un graphique à gauche. Le texte noté à la suite passe à sa droite. Avec align="right" vous pouvez aligner le graphique à droite. Le texte noté à la suite passe à sa gauche.
Une balise peut contenir plusieurs attributs différents, mais chaque attribut doit être suivi du signe = puis d'une valeur encadrée dans des guillemets. Bien sûr, il y a une liste des attributs officiels en HTML. Retenez aussi que certains attributs seront utilisables avec certaines balises, mais pas avec d'autres.
L'élément HTML <p> représente un paragraphe de texte.
On distingue des balises « ouvrantes », qui indiquent le début de la portion de page web à délimiter, et des balises « fermantes », qui en indiquent la fin. Les balises ouvrantes sont toujours de la forme <exemple> et les balises fermantes de la forme </exemple> où « exemple » indique le nom de la balise.
Nommez-le avec les mots-clés en rapport avec votre contenu. Utilisez également des tirets pour séparer les mots, cela va favoriser une bonne visibilité de votre fichier image. Par exemple, si votre article donne des conseils pour acheter une maison, faites en sorte que votre visuel s'intitule : acheter-maison. jpg.
PNG (Portable Network Graphics) pour une compression avec pertes d'images statiques, de meilleure qualité que le JPEG. SVG (Scalable Vector Graphics) pour un format d'image vectorielle (qui permet de dessiner une image précisément à différentes échelles) WebP (Web Picture format) pour les images statiques et animées.
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>.
Pour fabriquer une balise dans Minecraft, vous devez rassembler 5 blocs de verre, 3 blocs d'obsidienne et une étoile du Nether. Le verre et l'obsidienne sont relativement faciles à obtenir : faites fondre du sable dans un four pour obtenir du verre, et versez un seau d'eau sur de la lave pour obtenir de l'obsidienne.
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).
Les balises orphelines
Ce sont des balises qui servent le plus souvent à insérer un élément à un endroit précis (par exemple une image). Il n'est pas nécessaire de délimiter le début et la fin de l'image, on veut juste dire à l'ordinateur "Insère une image ici". Notez que le / de fin n'est pas obligatoire.
La balise <img> a deux attributs obligatoires, l'attribut src et l'attribut alt. src signifie « source ».
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)
Utiliser div en CSS artistique
Pour faire un carré avec la balise div , vous devez d'abord définir une balise div vide et lui attacher un attribut class dans le HTML. Dans le CSS, sélectionnez la div à l'aide de l'attribut class, ensuite définissez-lui une hauteur et une largeur égales.
La balise HTML qui vous permettra d'insérer une image est la suivante : <img/> . Malgré le fait qu'elle peut contenir un large panel d'attributs, le seul et unique essentiel à son fonctionnement est l'attribut src . Cet attribut va vous permettre d'indiquer le chemin (absolu ou relatif) de votre image.
<CENTER> permettent de centrer le texte. La balise <BR> permet un retour à la ligne (jusqu'à la marge gauche) sans création de nouveau paragraphe. Remarque: Les balises <P> et </P> peuvent être agrémentées de l'attribut ALIGN permettant les justifications usuelles du texte avec les valeurs LEFT, CENTER et RIGHT.