Comment souligner le texte en HTML

Le langage de balisage hypertexte (HTML) est une langue qui conçoit le front-end de tout site Web, qui peut être statique ou dynamique. Les sites Web présents sur Internet et sont construits en ligne comme Magento et WordPress fonctionnent également sur les principes de base de HTML. Comme d'autres langages de programmation, HTML possède également des commandes appelées balises, et ces balises sont écrites dans des supports angulaires. Comme tout autre éditeur de texte, HTML permet également d'ajouter du texte, des images, des vidéos ou tout autre élément dans le code. Le contenu de base de HTML est le texte. HTML comprend de nombreuses fonctions à appliquer au texte pour améliorer la fonctionnalité de la conception. La soulignement du texte est une utilisation de fonctionnalité de base et importante pour concevoir le texte en fonction de la demande et des exigences du site Web. Si le texte est souligné, il a quelque chose de différent à montrer ou a un impact différent sur le lecteur. Nous allons éclairer une partie du contenu de la soulignement du texte dans ce guide.

Essentiels requis

Il existe deux outils de base utilisés pour l'implémentation du code HTML sont:

• Un éditeur de texte
• Un navigateur

Deux logiciels sont utilisés; L'un est utilisé comme entrée et l'autre comme sortie. Nous écrivons le code dans un outil, et de l'autre, nous pouvons voir la sortie. Un éditeur de texte prend le code. Par défaut, Window a un éditeur de blocs-notes, de sorte que nous l'utiliserons dans notre tutoriel. Un navigateur est une plate-forme qui est nécessaire pour exécuter le fichier HTML. Par défaut, Windows a un explorateur Internet pour exécuter les fichiers texte. En outre, nous avons besoin de balises HTML et CSS pour accomplir cette tâche.

Format et syntaxe

Le concept de souligner le texte peut être possible en connaissant les fonctionnalités de base et les caractéristiques de HTML. Le corps HTML est divisé en deux parties. L'un est la tête et le second est le corps. La partie de tête est écrite en premier; Dans cette partie, nous incluons le titre de la page Web. Ce titre est visible lorsque nous exécutons la page HTML sur le navigateur. Le style interne est également introduit à l'intérieur du corps de la tête. Dans le même temps, la partie corporelle contient toutes les autres balises, y compris le texte, l'image, etc.

HTML a des balises d'ouverture et de clôture. Les deux balises sont écrites avant et après le texte. Le code HTML écrit dans les blocs-notes est enregistré à la fois dans les extensions du bloc-notes et du navigateur. Le .L'extension TXT est enregistrée sous forme de code, alors qu'avec HTML, il est enregistré pour le navigateur. Le fichier de l'éditeur de texte doit être enregistré avec l'extension HTML. Par exemple, échantillon.html. Ensuite, vous verrez que le fichier est enregistré avec l'icône du navigateur actuel que vous utilisez à cet effet.

L'image ci-dessous est un exemple de code de HTML. Dans la partie tête, nous avons ajouté le nom du titre. Et dans la partie corps, une étiquette de paragraphe est ajoutée.

La sortie est prévisualisée ci-dessous dans l'image. Le paragraphe est également affiché par défaut sans aucune mise en forme.

Exemple 1

Dans cette illustration, nous ne changeons rien à la tête. Nous avons ajouté un paragraphe comme discuté dans l'échantillon du code HTML. Le paragraphe a trois lignes. Nous voulons souligner la ligne intermédiaire du paragraphe.

Cette balise a également une balise de fin comme les autres. Nous avons utilisé le
Tag dans le paragraphe, qui est utilisé pour passer à la ligne suivante. Il a également des balises d'ouverture et de fin. Mais seule la balise de fin peut également être utilisée ici.

Enregistrez maintenant le fichier, puis exécutez le fichier dans le navigateur.

De la sortie, vous verrez que la ligne médiane du paragraphe est soulignée par la balise que nous avons utilisée dans la balise HTML.

Exemple 2

Dans le premier exemple, nous avons souligné toute la phrase. Mais dans ce cas, nous ne voulons dominer qu'un seul mot. Nous allons donc utiliser la balise soulignée avec ce mot. La syntaxe de cette approche est également la même. Voyons l'exemple du code ci-dessous.

Lorsque nous exécutons le code dans le navigateur, nous obtenons le résultat comme celui-ci.

Exemple 3

Ceci est un exemple de style en ligne. Ce style est ajouté à l'intérieur de la balise de paragraphe ou de la balise d'en-tête, tout ce que vous voulez formater. Dans cet exemple, nous devons écrire le code de style dans la balise d'en-tête pour obtenir le résultat et le comprendre. De plus, l'ensemble du texte reste intact.

L'alignement du texte et la mise en forme sont comme rendre le texte audacieux, italique, etc. sont la partie principale de la conception de la page Web et sont considérés comme des articles de décoration. Donc la balise contient l'instruction textuelle-décoration. Enregistrez maintenant le texte et exécutez le fichier dans le navigateur. À partir de la sortie, vous pouvez voir que le titre est souligné tandis qu'un autre texte n'est pas parce que nous avons appliqué le texte en ligne uniquement dans la balise de titre.

Exemple 4

Ceci est un exemple de style interne. Cela signifie que la balise de style est écrite à l'intérieur du corps de la tête du HTML. Une classe est déclarée avec un nom de point. Cette classe est initialisée à l'intérieur de la balise de style. Ceci est fait pour que le formatage soit effectué facilement en accédant à la classe. Tandis que la balise de style et la description sont les mêmes que le CSS interne.

L'ensemble du texte du paragraphe est souligné en ajoutant le nom de la classe. Exécutez le code du fichier dans le navigateur.

C'est ainsi que la balise soulignée est décrite au sein de la classe à l'aide de la balise interne.

De la sortie, vous pouvez voir le fonctionnement des étiquettes à l'intérieur du corps HTML.

Exemple 5

Ceci est également un exemple de CSS interne. Dans lequel le code de style écrit dans le corps de la tête est le même.

Ici, souligne le nom de la classe. Tandis que la balise écrite à l'intérieur de la balise pour indiquer le nom de la classe est différente de la balise. Il n'est pas nécessaire d'utiliser à chaque fois, donc nous utilisons à la place .

Vous pouvez afficher la sortie.

Exemple 6

La plupart du temps, vous voulez souligner un peu de texte d'une autre manière qu'une ligne droite. Ou, dans Microsoft Word, vous avez remarqué que le mot ayant de mauvaises orthographes est décoré d'une ligne soulignée de Curt. Cette approche a également une déclaration de classe à l'intérieur du corps de la tête. Tandis que la classe est également introduite à l'intérieur de la balise.

Vous pouvez observer que dans les exemples précédents, la décoration texte est soulignée car, par défaut, la ligne soulignée est droite. Mais vous pouvez faire des boucles en eux pour le rendre ondulé. Il serait préférable que vous mentionniez cette balise à l'intérieur de la balise interne. La sortie peut être affichée dans le navigateur.

Sortir:

Conclusion

Dans cet article, les exemples concernant la soulignement du texte sont expliqués. De nombreuses approches sont utilisées pour enregistrer et exécuter le fichier texte pour obtenir les résultats sur une page Web ou un site Web.