communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Comment créer du télétexte en HTML ?

Comment créer du télétexte en HTML ?

王林
Libérer： 2023-08-31 16:01:02
avant
910 Les gens l'ont consulté

Comment créer du télétexte en HTML ?

Dans cet article, nous allons apprendre comment créer du texte de télétype en HTML.

Utilisez une police monospace de style télétype ou machine à écrire pour afficher le texte en ligne créé par la balise

Les polices monospaces, les polices simples et les polices non proportionnelles font toutes référence à la même chose. Ils font tous deux référence à une police dont les caractères ont tous le même nombre de pixels de large et sont utilisés de manière interchangeable.

Remarque − Non pris en charge en HTML5

Grammaire

Voici la syntaxe du texte télétype.

<tt> Contents... </tt>
Copier après la connexion

Pour mieux comprendre comment créer du télétexte en HTML

La traduction chinoise de

Exemple 1

est :

Exemple 1

Dans l'exemple ci-dessous, nous avons utilisé la balise . 

<!DOCTYPE html>
<html>
<body>
   <p>Welcome to TuttorialsPoint</p>
   <p><tt>The Best E-Way Learning.</tt></p>
</body>
</html>
Copier après la connexion

Lorsque le script est exécuté, il génère une sortie contenant deux paragraphes : un comme un paragraphe normal et un avec les balises utilisées sur la page Web.

Exemple 2 : Utiliser CSS

Considérez l'exemple ci-dessous, nous utilisons

CSS pour obtenir l'effet télégraphe. 

<!DOCTYPE html>
<html>
<body>
   <p>Welcome To Tutorials.</p>
   <p style="font-family: monospace">Where You Can Find A Lot Of Courses.</p>
</body>
</html>
Copier après la connexion
Après avoir exécuté le script ci-dessus, la fenêtre de sortie apparaît et affiche deux textes. L’un est du texte normal et l’autre utilise un style de police à espacement fixe sur la page Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article précédent：Maîtriser Yii2 : exploiter la puissance des ensembles de ressources en programmation Article suivant：Comment activer le bouton et soumettre le formulaire en même temps ?
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2766
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2899
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2423
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
2329
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
2410
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal