Maîtriser le texte souligné en HTML

Introduction

La balise  en HTML est utilisée pour ajouter de l'emphase ou de l'importance à un texte spécifique sur une page web. Elle est très utile pour souligner un contenu spécifique et le rendre plus visible. Dans ce laboratoire, vous allez apprendre à utiliser la balise  en HTML et sa syntaxe de base.

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/TextContentandFormattingGroup(["Text Content and Formatting"]) 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/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") html/TextContentandFormattingGroup -.-> html/para_br("Paragraphs and Line Breaks") html/LayoutandSectioningGroup -.-> html/nav_links("Navigation and Links") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") html/AdvancedElementsGroup -.-> html/inter_elems("Interactive and Dynamic Elements") subgraph Lab Skills html/basic_elems -.-> lab-70749{{"Texte souligné en HTML"}} html/head_elems -.-> lab-70749{{"Texte souligné en HTML"}} html/text_head -.-> lab-70749{{"Texte souligné en HTML"}} html/para_br -.-> lab-70749{{"Texte souligné en HTML"}} html/nav_links -.-> lab-70749{{"Texte souligné en HTML"}} html/doc_flow -.-> lab-70749{{"Texte souligné en HTML"}} html/inter_elems -.-> lab-70749{{"Texte souligné en HTML"}} end

Ajout d'un en-tête

Tout d'abord, créez un fichier HTML nommé index.html et ouvrez-le dans votre éditeur de code préféré.

Commencez par ajouter un en-tête de titre à notre fichier HTML. Tapez le code suivant dans votre fichier index.html.

<!doctype html>
<html>
  <head>
    <title>HTML Em Tag Lab</title>
  </head>
  <body></body>
</html>

Utilisation de la balise HTML ``

Maintenant que nous avons créé notre fichier HTML, il est temps d'utiliser la balise . Dans les étapes suivantes, nous allons apprendre à utiliser cette balise et sa syntaxe de base.

Commencez par ajouter un paragraphe court à votre fichier HTML et utilisez la balise  pour souligner un mot spécifique. Voici un exemple :

<p>HTML <em>Emphasized</em> text is important for your web page.</p>

Ajout de plus de texte souligné

Vous pouvez également utiliser la balise  pour souligner plusieurs mots dans une phrase. Voici un exemple :

<p><em>HTML</em> stands for <em>HyperText Markup Language.</em></p>

Utilisation de CSS pour styliser la balise HTML ``

Par défaut, le texte souligné est affiché en italique. Cependant, vous pouvez également utiliser CSS pour personnaliser le style de la balise . Voici un exemple :

<style>
  em {
    font-style: normal;
    font-weight: bold;
  }
</style>
<p><em>CSS is</em> used to style HTML web pages.</p>

Ajout d'un lien

Vous pouvez également utiliser la balise  à l'intérieur d'un lien pour souligner le texte de l'ancrage. Voici un exemple :

<a href="https://www.wikipedia.org"
  ><em>Wikipedia</em> is a free online encyclopedia.</a
>

Sommaire

Félicitations ! Dans ce laboratoire, vous avez appris à propos de la balise HTML  et à utiliser pour ajouter de l'emphase ou de l'importance au texte d'une page web. Vous avez également appris à personnaliser le style de la balise  à l'aide de CSS. Continuez à pratiquer pour devenir un maître des balises et des éléments HTML.

Texte souligné en HTML

Introduction

Skills Graph

Ajout d'un en-tête

Utilisation de la balise HTML `<em>`

Ajout de plus de texte souligné

Utilisation de CSS pour styliser la balise HTML `<em>`

Ajout d'un lien

Sommaire

Texte souligné en HTML

Introduction

Skills Graph

Ajout d'un en-tête

Utilisation de la balise HTML <em>

Ajout de plus de texte souligné

Utilisation de CSS pour styliser la balise HTML <em>

Ajout d'un lien

Sommaire

Utilisation de la balise HTML `<em>`

Utilisation de CSS pour styliser la balise HTML `<em>`