Introduction
La balise <em> 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 <em> en HTML et sa syntaxe de base.
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.
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 <em>. 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 <em> 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 <em> 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 <em>. 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 <em> à 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
>
Résumé
Félicitations ! Dans ce laboratoire, vous avez appris à propos de la balise HTML <em> 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 <em> à l'aide de CSS. Continuez à pratiquer pour devenir un maître des balises et des éléments HTML.
