Utilisation de la balise small HTML

Introduction

Dans ce laboratoire, vous allez apprendre à utiliser la balise HTML  pour modifier la taille du texte. Vous allez également découvrir les différentes façons d'utiliser la balise  et comment lui appliquer un style.

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.

Ceci est un Guided Lab, qui fournit des instructions étape par étape pour vous aider à apprendre et à pratiquer. Suivez attentivement les instructions pour compléter chaque étape et acquérir une expérience pratique. Les données historiques montrent que c'est un laboratoire de niveau débutant avec un taux de réussite de 100%. Il a reçu un taux d'avis positifs de 100% de la part des apprenants.

Ajoutez une structure à votre fichier

Créez un fichier HTML nommé index.html dans votre éditeur de texte.

Ajoutez le gabarit HTML à votre fichier. Ensuite, créez une balise <body> et ajoutez le code suivant à l'intérieur :

<h1>Utilisation de la balise HTML small</h1>
<p>Voici du texte que nous voulons réduire en taille :</p>

Ajoutez la balise small

Ajoutez la balise  à l'intérieur de la balise  et ajoutez du texte entre les balises d'ouverture et de fermeture :

<p>
  Voici du texte que nous voulons réduire en taille <small>plus petite</small> :
</p>

Utilisez la balise small pour le texte légal

Ajoutez du texte légal en utilisant la balise  en copiant et en collant le code suivant à l'intérieur de la balise <body> :

<p>Voici juste du texte normal, mais voici du <small>texte légal</small> :</p>
<small
  >Ce site web ne prend pas en charge tout renseignement erroné ou toute erreur.
  Veuillez lire attentivement avant de faire confiance à ce site web.</small
>

Appliquez un style à la balise small

Appliquez un certain style à la balise  en ajoutant le code suivant à l'intérieur de la balise <head> :

<style>
  small {
    font-size: plus petite;
    couleur: rouge;
  }
</style>

Ajoutez la balise small pour les commentaires latéraux

Ajoutez un commentaire latéral en utilisant la balise  en copiant et en collant le code suivant à l'intérieur de la balise <body> :

<p>
  Voici juste du texte, mais voici un <small>commentaire latéral</small> sur ce
  texte :
</p>

Enregistrez vos modifications dans le fichier index.html et ouvrez-le dans un navigateur web. Vous devriez voir les modifications que vous avez apportées à la balise .

Résumé

Dans ce laboratoire, vous avez appris à utiliser la balise HTML  pour modifier la taille du texte et à lui appliquer un style. Vous avez également appris les différentes façons d'utiliser la balise , y compris pour le texte légal, les commentaires latéraux et les mentions légales. Maintenant, vous pouvez utiliser la balise  pour mettre en évidence votre texte et le rendre plus visible.

Petites mentions HTML