Code informatique HTML

Le codage informatique fait référence à la façon dont un ordinateur représente en interne des lettres ou des chiffres.

Généralement, HTML utilise des tailles de lettres variables, ainsi qu'un espacement variable des lettres.

Mais cela n'est pas obligatoire lors de l'affichage d'exemples de code informatique.

Éléments de code informatique

标签	描述
<code>	定义计算机代码文本
<kbd>	定义键盘文本
<samp>	定义计算机代码示例

balise

<var>	定义变量
<pre>	定义预格式化文本

<🎜 >

<🎜>Description<🎜><🎜>

<code>

Définir le texte du code informatique

<kbd>

Définir le texte du clavier

<samp>

Définir des exemples de codes informatiques

<🎜>

HTML <kbd>Saisie clavier de définition d'élément :

Exemple

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body style="font-size:16px">
<p>HTML kbd 元素表示键盘输入：</p>
<p><kbd>File | Open...</kbd></p>
</body>
</html>

Résultat de l'exécution du programme :

Vous pouvez supprimer le <kbd> dans le code ci-dessus et voir quelle est la différence

Sortie informatique de définition d'élément HTML <samp> :

Exemple<🎜 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body style="font-size:16px">
<p>HTML samp 元素表示计算机输出示例：</p>
<samp>
    demo.example.com login: Apr 12 09:10:17
    Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>
</body>
</html>

Résultat de l'exécution du programme :

Programmation de définition d'élément HTML <code> Les éléments <code> ne conservent pas d'espaces supplémentaires ni de sauts de ligne :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 示例</p>
<code>
    var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
    }
</code>
</body>
</html>

Résultats de l'exécution du programme :

exemple de code

var personne = { prénom:"Bill", Nom:"Portes", Âge : 50 ans, Couleur des yeux : « bleu » }

Élément HTML <pre> 🎜>

Instance

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body style="font-size:16px">
<p>code 元素不保留多余的空格和折行：</p>
<p>如需解决该问题，您必须在 pre 元素中包围代码：</p>
<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>
</body>
</html>

Résultat en cours d'exécution du programme :

L'élément HTML <var> définit des variables mathématiques :

Exemple

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body style="font-size:16px">
<p>爱因斯坦的公式：</p>
<p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p>
</body>
</html>

Résultat de l'exécution du programme :

Formation continue

nouveau fichier

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body style="font-size:16px"> 爱因斯坦的公式： <var>E</var> = <var>m</var> <var>c</var>2 </body> </html>

soumettre Réinitialiser le code

Opération automatique

Code informatique HTML

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]