Balise kbd en HTML
L'article suivant décrit la balise kbd en HTML. Le La balise HTML aide à reconnaître le texte défini par la saisie au clavier de l’utilisateur. Il est utilisé pour saisir les entrées du clavier. Il est principalement utilisé chaque fois qu'il est nécessaire d'afficher du texte que l'utilisateur saisit via son clavier. Il relève de la catégorie des balises connues sous le nom de balise de phrase. Ceci est également connu sous le nom d’élément en ligne. La police par défaut définie pour cette balise est le monospace de la famille de polices. On peut utiliser différents codes de style pour améliorer l'apparence du texte inclus dans la balise étiqueter. Il contient toujours du texte que l'on peut facilement saisir via un clavier.
Syntaxe
Le balise définie dans le HTML dans l'ouverture et fermeture étiquette.
Le texte inclus dans cette balise comme suit :
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> <p>Kbd tag in HTML < kbd> Text </kbd> <kbd> Text </kbd> <kbd> Text </kbd> </body> </html>
Ce La balise est connue sous le nom de balise de phrase, qui inclut le format de police en type monospace. On peut modifier le style du texte inclus dans le fichier balise en utilisant différentes propriétés CSS comme suit :
- Pour changer le style de police du texte, on peut utiliser l'attribut CSS-font-style au texte afin que le texte puisse être normal, italique, initial, etc.
- Fondamentalement, le texte inclus dans est au format monospace, mais il peut être modifié en utilisant CSS-font-family So; il peut afficher une liste de plusieurs familles de polices afin que l'on puisse choisir celles qui conviennent au texte.
- Il est également possible de modifier la taille du texte en utilisant CSS-font-size.
- On peut modifier le poids de la police en utilisant la propriété CSS-font-weight pour afficher le texte en format gras ou épais. Il est également possible de mettre le texte en majuscule ou de prendre le contrôle de la casse du texte via CSS-text-transform.
- À des fins de décoration de texte, nous pouvons utiliser des propriétés telles que CSS-text-decoration, qui permet de colorer le texte, la décoration de texte avec des lignes, le style de décoration de texte, etc. En bref, text-decoration-color utilise 2 attributs comme CSS-color pour la couleur du texte et CSS-background-color pour définir la couleur comme arrière-plan.
Pour définir le style de mise en page du texte sur balise, il existe différentes propriétés dans le CSS sont les suivantes :
- Pour gérer les espaces blancs du texte, on peut utiliser les espaces blancs CSS.
- Pour afficher le contenu texte débordé qui n'est pas affiché à l'utilisateur, vous pouvez utiliser CSS-text-overflow.
- Pour donner une pause dans la ligne ou les mots, vous pouvez utiliser CSS-word-break.
- Pour donner de l'ombre au texte en utilisant la propriété CSS-text-shadow.
- Pour aligner le texte à la dernière position de la ligne, vous pouvez utiliser la propriété CSS-text-align-last.
- Pour donner des espaces entre les lettres ou les caractères en utilisant la propriété CSS-letter-spacing.
- Pour définir la hauteur de la ligne, on peut utiliser la propriété CSS-line-height.
- Définir un espace entre les mots est possible en utilisant CSS-word-spacing.
- La balise en HTML n’a pas d’attributs spéciaux. Il allait prendre en charge les attributs globaux ainsi que les attributs d'événement disponibles en HTML.
- Cette balise est toujours utilisée dans la balise rubrique.
Comment fonctionne la balise kbd en HTML ?
La balise est l’une des balises les plus utiles utilisées en HTML à diverses fins. L'utilisation principale de balise dans la documentation utilisateur. Parce que cela permet d'afficher le texte qui va être tapé sur le clavier. C'est un élément fantastique et utile en HTML. la balise est également utilisée pour créer des raccourcis clavier.
Cela aidera à créer un nouveau document, à enregistrer le document, à l'ouvrir dans un nouvel onglet, etc. Cela fonctionne sur diverses propriétés CSS pour une sortie stylisée. Supposons que nous allons créer un raccourci clavier en utilisant balise en HTML. Ici, nous copions du texte et le collons.
Nous allons donc faire cette chose en utilisant la balise via les raccourcis comme suit : Cet exemple créera donc un raccourci pour copier le texte de ctrl +c et le collera également en utilisant ctrl + v. Vous trouverez ci-dessous des exemples de balises kbd en HTML : Sortie : Sortie : Sortie : Nachdem Sie auf der Tastatur auf die Tasten Strg+Umschalt+T geklickt haben, wird eine zuvor geschlossene Registerkarte im Browser erneut geöffnet. -Tag in HTML wird zum Anzeigen von Text als Tastatureingabe verwendet. Es handelt sich um eine Monospace-Schriftart. Dieses Tag kann mithilfe verschiedener CSS-Eigenschaften wie „font-family“, „font-weight“, „font-color“, „background-color“, „font-size“, „font-style“, „text-decoration“, „white-space“, „text-“ Pause, Textschatten, Textausrichtung – zuletzt, Textbuchstabenabstand, Textüberlauf usw. 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!
ctrl + c puis ctrl + v Exemples de balise kbd en HTML
Exemple n°1 – Ceci est un exemple simple du étiquette.
<!DOCTYPE html>
<html>
<head>
<title>kbd tag</title>
<style>
kbd.key {
padding: 3px 3px 0;
border-radius: 2px;
border: 1px solid #666;
border-color: blueviolet;}
</style>
</head>
<body>
<p>Copy some code using <kbd><kbd>Ctrl</kbd>+<kbd>c</kbd></kbd>.</p>
<p>Paste copied code using <kbd><kbd>Ctrl</kbd>+<kbd>v</kbd></kbd>.</p>
<p>Save all the details of the data using <kbd ><kbd class="key" >Ctrl</kbd>+
<kbd class="key">s</kbd></kbd>.</p>
<p>Create a new document by pressing <kbd><kbd class="key">Ctrl</kbd>+
<kbd class="key">N</kbd></kbd>.</p>
</body>
</html>
Exemple n°2 – balise en utilisant les propriétés CSS.
<!DOCTYPE html>
<html>
<head>
<title>kbd tag</title>
<style>
kbd.font {
font-style: italic;
font-size: 20px;
}
kbd.cursive{
font-family: cursive;
}
kbd.fantasy{
font-family:fantasy;
color:darkmagenta;
}
kbd.inherit{
font-family:inherit;
}
kbd.sans-serif{
font-family:sans-serif;
background-color: aquamarine;
}
kbd.weight{
font-weight:bold;
}
</style>
</head>
<body>
<h4>kbd tag uses Font style</h4>
<p><kbd class="font">The Whole world steps aside for the man who knows where he is going</kbd><hr>
<h4>kbd tag uses Font Family</h4>
<p><kbd class="cursive">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class="fantasy">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class=" inherit">People rarely succeed unless they have fun in what they are doing</kbd>
<p><kbd class="sans-serif">People rarely succeed unless they have fun in what they are doing</kbd>
<hr>
<h4>kbd tag uses Font weight </h4>
<p><kbd class="weight"> Only those who dare to fail greatly can ever achieve greatly</kbd>
<hr>
</body>
</html>
Exemple #3
<!DOCTYPE html>
<html>
<head>
<title>HTML kbd Tag</title>
</head>
<body>
<p>kbd tag to reopen previously closed tab by clicking
<br>
<br>
<kbd>ctrl</kbd>+
<kbd>shift</kbd>+
<kbd>t</kbd>
</body>
</html>
Fazit – kbd-Tag in HTML
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1672
14
1428
52
1332
25
1277
29
1257
24
Bordure de tableau en HTML
Sep 04, 2024 pm 04:49 PM
Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.
Tableau imbriqué en HTML
Sep 04, 2024 pm 04:49 PM
Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.
Marge gauche HTML
Sep 04, 2024 pm 04:48 PM
Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.
Disposition du tableau HTML
Sep 04, 2024 pm 04:54 PM
Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.
Espace réservé d'entrée HTML
Sep 04, 2024 pm 04:54 PM
Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.
Comment analysez-vous et traitez-vous HTML / XML dans PHP?
Feb 07, 2025 am 11:57 AM
Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et
Liste ordonnée HTML
Sep 04, 2024 pm 04:43 PM
Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.
Bouton HTML onclick
Sep 04, 2024 pm 04:49 PM
Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.
