Balise d'abréviation HTML

Beginner

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

La balise HTML <abbr> est utilisée pour définir une abréviation ou un acronyme.

Dans ce laboratoire, vous allez apprendre à utiliser la balise HTML <abbr> pour indiquer quelles abréviations et acronymes apparaissent dans le texte de votre page web.

Note: Vous pouvez pratiquer la programmation dans index.html et apprendre Comment écrire du HTML dans Visual Studio Code. Cliquez sur 'Go Live' dans le coin inférieur droit pour exécuter le service web sur le port 8080. Ensuite, vous pouvez rafraîchir l'onglet Web 8080 pour prévisualiser la page web.


Skills Graph

Ajoutez le titre

Tout d'abord, créez un document HTML nommé index.html et déclarez le type de document.

Ajoutez le titre au fichier index.html.

    <h1>Création d'abréviations en HTML</h1>

Ajoutez du contenu

Ajoutez du contenu textuel au fichier HTML.

    <p>Supposons que nous ayons une abréviation comme M. ou Mme., qui sont très courantes dans notre vie quotidienne, ou que nous puissions avoir des abréviations techniques comme HTML, CSS ou HTTP.</p>

Utilisez la balise <abbr>

Utilisez la balise <abbr> pour définir l'abréviation et incluez l'attribut title pour fournir une explication complète de l'abréviation.

    <p>Supposons que nous ayons une abréviation comme <abbr title="Mister">M.</abbr> ou <abbr title="Misses">Mme.</abbr>, qui sont très courantes dans notre vie quotidienne, ou que nous puissions avoir des abréviations techniques comme <abbr title="HyperText Markup Language">HTML</abbr>, <abbr title="Cascading Style Sheets">CSS</abbr> ou <abbr title="Hypertext Transfer Protocol">HTTP</abbr>.</p>

Ajoutez des styles à la balise <abbr>

Ajoutez des styles à la balise <abbr> pour modifier la façon dont l'abréviation s'affiche sur la page web. Par exemple, nous pouvons ajouter un soulignement pointillé pour indiquer une abréviation.

    <style>
        abbr {
            text-decoration: underline dotted;
        }
    </style>

Enregistrez votre fichier et ouvrez-le dans un navigateur web pour voir le résultat.

Récapitulatif

Dans ce laboratoire, vous avez appris à créer des abréviations et des sigles dans les pages web à l'aide de la balise HTML <abbr>. Vous avez également appris à ajouter des styles à des balises <abbr> individuelles et à appliquer des styles à plusieurs balises à l'aide de l'attribut global class.