Le langage de balisage hypertexte (HTML) est une langue frontale utilisée pour concevoir et développer un site Web. HTML est le langage de base de toutes les langues utilisées pour concevoir des pages Web statiques ou dynamiques. HTML a de nombreuses fonctions nécessaires à la conception. À l'aide de balises, des commandes écrites entre parenthèses angulaires, une page Web est conçue. HTML permet à l'utilisateur de créer ou de modifier le texte, l'image ou tout autre élément comme n'importe quel éditeur de texte, je.e., Microsoft Word. Le contenu de HTML est le texte, l'image, la couleur, le design, etc. La conception est une partie très importante car elle est responsable de la décoration du texte. La fabrication du texte italique est un exemple de conception du texte. Cet élément est important pour souligner ou stimuler l'attention de l'utilisateur. Certains exemples sont mis en évidence dans ce tutoriel.
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, je.e., 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 italique, nous comprenons d'abord le code de HTML. Le code HTML a deux parties. L'un est la partie de la tête, et une 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. Tandis que le corps contient toutes les autres balises liées au texte, à l'image et à la couleur, etc. En outre, tout ce que vous voulez ajouter à la page HTML est écrit dans la partie corporelle du code HTML.
L'image ci-dessous est un exemple de code de HTML. Vous pouvez voir que le nom du titre est écrit dans la partie tête. En même temps, nous avons ajouté un paragraphe dans le corps de HTML en utilisant TAG
. Ensuite, l'étiquette corporelle et les balises HTML sont fermées.
La sortie de cet échantillon est observée 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 la tête du code HTML.
HTML a des balises d'ouverture et de fermeture pour toutes les étiquettes écrites à l'intérieur de son corps. Une fois le code ouvert doit être fermé après avoir écrit du texte entre lui. La balise est fermée avec la barre oblique. Le code est ensuite enregistré dans le fichier de blocs-notes. Une chose qui doit être gardée à 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, échantillon.html. Ensuite, vous verrez que le fichier est enregistré avec l'icône du navigateur actuel que vous utilisez à cet effet.
C'était l'arrière-plan de la conception en HTML. Nous allons maintenant utiliser un exemple simple pour faire du texte italique.
Exemple 1
Prenez un fichier de blocs-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 faire du texte italique. Utilisez la balise Au début des mots que vous voulez être sous forme italique
…C'est l'étiquette de l'italique le texte. Comme vous pouvez le voir dans l'image ci-dessous, le La balise d'ouverture est-elle écrite au début et est la balise de clôture. Fermez le corps et HTML.
Enregistrez maintenant le fichier et exécutez-le dans le navigateur pour voir la sortie du fichier.
D'après la sortie, vous pouvez observer que la phrase que nous avons faite en italique dans le code est sous forme italique, tandis que la première phrase est apparue dans un format normal.
Exemple 2
Dans cet exemple, nous ferons un mot spécifique sous forme italique au lieu de la phrase entière du texte. Des étiquettes d'ouverture et de clôture sont utilisées dans tout le paragraphe, où que nous voulons faire du texte italique dans la phrase.
Maintenant, encore une fois, enregistrez le fichier, puis exécutez-le dans le navigateur. Vous pouvez voir qu'une partie spécifique du texte est sous la forme italique que nous voulons faire de l'italique dans le code.
Exemple 3
En plus d'utiliser le Tag dans le texte, une autre méthode existe pour faire le texte sous forme italique. C'est l'approche pour souligner une partie du texte. Cette balise a également des balises d'ouverture et de clôture. La syntaxe utilisée pour elle est;
… .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é 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 sous forme italique. Cela implique l'utilisation du texte. Dans cet exemple, nous avons appliqué cette balise à l'ensemble du texte écrit dans le corps de HTML.
…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 une forme de texte 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 se fait dans la balise. Interne est écrit à l'intérieur du corps de la tête. Et le style externe se fait dans un autre fichier avec l'extension de .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é l'énoncé de style comme un style de police pour être italique. Cette déclaration est écrite à l'intérieur de la balise, donc elle n'aura aucune balise de clôture, comme vous pouvez le voir dans l'image ci-dessus. Maintenant, fermez toutes les balises et exécutez-les dans le navigateur. Il montre les mêmes résultats que nous le souhaitons.
Exemple 6
Après en ligne, nous allons maintenant ajouter l'exemple du style interne. Ici, une classe est ajoutée à l'intérieur de la partie tête. Ensuite, le nom de la classe est déclaré à l'intérieur de l'étiquette de paragraphe dans le corps du HTML. Pour qu'il soit facilement accessible.
Vous pouvez voir que la classe est initialisée avec la méthode DOT. Il y a deux paragraphes dans le code; Nous avons appliqué ce style sur l'un d'eux. Il est donc utile lorsque nous voulons formater un paragraphe.
La déclaration de classe à l'intérieur du paragraphe est;
Cela accédera à la classe dans la tête. Voir maintenant la sortie. Vous observerez que l'un des paragraphes est sous la forme d'italique.
Conclusion
Cet article représente le formatage du texte sous forme italique. La conception de texte est une partie essentielle de la conception d'une page Web.