Le langage de balisage hypertexte (HTML) est un langage frontal utilisé pour concevoir et développer un site Web. HTML est le langage de base de tous les langages utilisés pour concevoir des pages Web statiques ou dynamiques. Html a de nombreuses fonctions nécessaires à la conception. À l'aide de balises, de commandes écrites entre crochets angulaires, une page Web est conçue. HTML permet à l'utilisateur de créer ou de modifier du texte, une image ou tout autre élément comme n'importe quel éditeur de texte, c'est-à-dire Microsoft Word. Le contenu du HTML est le texte, l'image, la couleur, le design, etc. Le design est une partie très importante car il est responsable de la décoration du texte. Mettre le texte en italique est un exemple de conception du texte. Cet élément est important pour souligner ou attirer l'attention de l'utilisateur. Certains des exemples sont mis en évidence dans ce didacticiel.
Essentiels requis
HTML nécessite deux outils pour la conception et le développement d'un site Web. L'un est un éditeur de texte qui est nécessaire pour y écrire le code html. Il peut s'agir de n'importe quel éditeur de texte dans votre accès, c'est-à-dire, bloc-notes, bloc-notes++, sublime, studio visuel, etc. Le second est un navigateur sur votre ordinateur, Google Chrome, Internet Explorer, etc. Dans cet article, nous avons utilisé le bloc-notes et Google Chrome. Pour concevoir la page statique, vous avez besoin de HTML et pour styliser la feuille de style CSS. Chacun d'eux est utilisé dans ce guide avec des exemples.
Format HTML
Pour expliquer la conception du texte en italique, nous comprenons d'abord le code html. Le code HTML comporte deux parties. L'un est la partie de la tête, et l'autre dans le corps. Nous incluons le titre dans la partie principale ; ce nom de titre est en fait le titre de la page. Le style interne se fait également à l'intérieur du corps de la tête. Alors que le corps contient toutes les autres balises liées au texte, à l'image et à la couleur, etc., tout ce que vous souhaitez ajouter à la page html est écrit dans la partie corps du code html.
< html >
< diriger >...</ diriger >
< corps >….</ corps >
</ html >
L'image ci-dessous est un exemple de code HTML. Vous pouvez voir que le nom du titre est écrit à l'intérieur de la partie principale. Dans le même temps, nous avons ajouté un paragraphe dans le corps du html en utilisant la balise
. puis la balise body et les balises html sont fermées.
La sortie de cet exemple est visible dans le navigateur. Vous pouvez voir que le nom du titre est affiché dans le nom de l'onglet, que nous avons déclaré dans l'en-tête du code html.
HTML a des balises d'ouverture et de fermeture pour toutes les balises écrites à l'intérieur de son corps. Une fois le code ouvert, il doit être fermé après avoir écrit du texte entre celui-ci. La balise est fermée avec la barre oblique. Le code est ensuite enregistré dans le fichier du bloc-notes. Une chose à garder à l'esprit est que lors de l'enregistrement du code, le fichier de l'éditeur de texte doit être enregistré avec l'extension html. Par exemple, exemple.html. alors vous verrez que le fichier est enregistré avec l'icône du navigateur actuel que vous utilisez à cette fin.
C'était l'arrière-plan de la conception en html. Nous allons maintenant utiliser un exemple simple pour rendre le texte en italique.
Exemple 1
Prenez un fichier bloc-notes et écrivez le code html simple comme décrit précédemment dans ce guide. Ajoutez un paragraphe de deux lignes dans la partie corps. Pour mettre le texte en italique. Utiliser la balise au début des mots que vous voulez être en italique
< je > ……</ je >Il s'agit de la balise pour mettre le texte en italique. Comme vous pouvez le voir dans l'image ci-dessous, le est la balise d'ouverture écrite au début et est la balise de fermeture. Fermez le corps et le html.
Enregistrez maintenant le fichier et exécutez-le dans le navigateur pour voir la sortie du fichier.
À partir de la sortie, vous pouvez observer que la phrase que nous avons mise en italique dans le code est sous la forme italique, alors que la première phrase est apparue dans un format normal.
Exemple 2
Dans cet exemple, nous allons créer un mot spécifique en italique au lieu de la phrase entière du texte. les balises d'ouverture et de fermeture sont utilisées dans tout le paragraphe, partout où nous voulons mettre le texte en italique dans la phrase.
Encore une fois, enregistrez le fichier, puis exécutez-le dans le navigateur. Vous pouvez voir qu'une partie spécifique du texte est en italique que nous voulons mettre en italique dans le code.
Exemple 3
En plus d'utiliser le tag dans le texte, une autre méthode existe pour rendre le texte en italique. C'est l'approche pour mettre l'accent sur une partie du texte. Cette balise a également des balises d'ouverture et de fermeture. La syntaxe utilisée pour cela est ;
< dans >….</ dans >Le texte est écrit entre les deux balises ; dans cet exemple, nous avons utilisé cette balise deux fois dans le paragraphe. Voyons l'image du code placée ci-dessous.
Dans les deux phrases, nous avons utilisé une fois dans le paragraphe. La sortie est obtenue en exécutant le fichier html au format du navigateur.
Exemple 4
C'est l'exemple dans lequel nous avons utilisé une autre approche pour montrer les mots en italique. Il implique l'utilisation de dans le texte. Dans cet exemple, nous avons appliqué cette balise à l'ensemble du texte écrit dans le corps du html.
< Citer > ……</ citation > 
Après avoir fermé toutes les balises, exécutez le fichier dans le navigateur.
Exemple 5
Jusqu'à présent, nous avons discuté du style en ligne du texte. Faire un texte en italique fait également référence au style et à la conception du texte. Le style est de trois types. L'un est en ligne, le second est interne et le troisième est externe. Le style en ligne est effectué dans la balise. Interne est écrit à l'intérieur du corps de la tête. Et le style externe est fait dans un autre fichier avec l'extension .css.
Ceci est un exemple de css en ligne; ici, nous avons écrit le code à l'intérieur des balises du paragraphe. Nous avons déclaré que la déclaration de style comme font-style est en italique. Cette déclaration est écrite à l'intérieur de la balise, elle n'aura donc aucune balise de fermeture, comme vous pouvez le voir dans l'image ci-dessus. Fermez maintenant toutes les balises et exécutez-les dans le navigateur. Il montre les mêmes résultats que nous avons souhaité.
< p style=font-style: italique;> 
Exemple 6
Après inline, nous allons maintenant ajouter l'exemple de style interne. Ici, une classe est ajoutée à l'intérieur de la partie head. Ensuite, le nom de la classe est déclaré à l'intérieur de la balise de paragraphe dans le corps du code html. Pour qu'il soit facilement accessible.
< diriger >< style >
.à{
Font-style: italique;
}
</ style ></ diriger >
Vous pouvez voir que la classe est initialisée avec la méthode point. Il y a deux paragraphes dans le code ; nous avons appliqué ce style sur l'un d'eux. C'est donc utile lorsque l'on veut formater un paragraphe.
La déclaration de classe à l'intérieur du paragraphe est ;
< p classer=un>< p classer='à'>
Cela permettra d'accéder à la classe dans la tête. Maintenant, voyez la sortie. Vous remarquerez que l'un des paragraphes est en italique.
Conclusion
Cet article représente la mise en forme du texte en italique. La conception de texte est une partie essentielle de la conception d'une page Web.