Introduction
En HTML, la balise <sub> est utilisée pour spécifier du texte en ligne qui doit être affiché comme indice pour des raisons purement typographiques. Le contenu à l'intérieur de cette balise est généralement affiché avec une ligne de base abaissée et un texte plus petit. Dans ce laboratoire, vous allez apprendre à utiliser la balise <sub> en HTML pour afficher du texte en indice.
Note: Vous pouvez pratiquer la programmation dans
index.htmlet 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.
Ajoutez la structure de base HTML
Créez un nouveau fichier appelé index.html.
Ajoutez le code suivant à index.html pour créer la structure HTML de base.
<!doctype html>
<html>
<head>
<title>HTML Sub Tag Lab</title>
</head>
<body></body>
</html>
Ajoutez la balise
Ajoutez le code suivant à l'intérieur de l'élément <body> pour créer un texte en indice.
<p>My chemical formula is H<sub>2</sub>O.</p>
Ce code affichera le texte "My chemical formula is H2O", où "2" sera affiché en indice.
Enregistrez le fichier index.html et ouvrez-le dans un navigateur web pour voir la sortie. Vous devriez voir le texte en indice "H2O".
Résumé
Dans ce laboratoire, vous avez appris à utiliser la balise <sub> en HTML pour afficher du texte en indice. Cela est utile pour afficher des formules chimiques et d'autres types de texte qui nécessitent une ligne de base abaissée. En suivant les étapes décrites dans ce laboratoire, vous pouvez facilement ajouter la balise <sub> à votre code HTML et créer du texte en indice.
