Texte en indice HTML

HTMLHTMLBeginner
Pratiquer maintenant

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

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.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

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"]) html(("HTML")) -.-> html/AdvancedElementsGroup(["Advanced Elements"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/BasicStructureGroup -.-> html/head_elems("Head Elements") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") html/AdvancedElementsGroup -.-> html/inter_elems("Interactive and Dynamic Elements") subgraph Lab Skills html/basic_elems -.-> lab-70847{{"Texte en indice HTML"}} html/head_elems -.-> lab-70847{{"Texte en indice HTML"}} html/doc_flow -.-> lab-70847{{"Texte en indice HTML"}} html/inter_elems -.-> lab-70847{{"Texte en indice HTML"}} end

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 <sub>

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écapitulatif

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.