Maison > interface Web > tutoriel HTML > le corps du texte

Comment pouvons-nous utiliser la balise pour le formatage des variables en HTML ?

WBOY
Libérer: 2023-08-25 21:21:11
avant
1492 Les gens l'ont consulté

Comment pouvons-nous utiliser la balise <var> pour le formatage des variables en HTML ?

Nous utilisons la balise pour définir des variables dans la programmation ou des expressions mathématiques. Il est également utilisé pour formater le texte des documents. Le contenu de cette balise est généralement affiché en italique.

Grammaire

<var>Variable…</var>
Copier après la connexion

Exemple 1

Voici un exemple de formatage de variable à l'aide de la balise en HTML -

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p>
      <var>a</var> = float(input('Enter a value: ')) <br>
      <var>b </var>= float(input('Enter b value: ')) <br>
      <var>c </var>= float(input('Enter c value: ')) <br>
      # calculate the semi-perimeter <br>
      <var>s </var>= (<var>a</var> +<var> b</var> +<var> c</var>) / 2 <br>
      # calculate the area <br>
      area = (<var>s</var>*(<var>s</var>-<var>a</var>)*(<var>s</var>-<var>b</var>)*(<var>s</var>-<var>c</var>)) ** 0.5 <br>
      print('The area of the triangle is %0.2<var>f</var>' %area)
   </p>
</body>
</html>
Copier après la connexion
La traduction chinoise de

Exemple 2

est :

Exemple 2

Vous pouvez essayer d'exécuter le code suivant pour utiliser la balise en HTML pour le formatage des variables -

<!DOCTYPE html>
<html>
<head>
   <title>HTML var Tag</title>
</head>
<body>
   <p>The equations: <var>2x</var> - <var>3z
      </var> = <var>5y</var> + 2 and
      <var>2x</var> + <var>5z</var> = <var>2y</var> + 7
   </p>
</body>
</html>
Copier après la connexion

Exemple 3

se traduit par :

Exemple 3

Nous pouvons remplacer les styles de police à l'aide de feuilles de style. L'exemple de code est le suivant :

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      var{
         font-family: cursive;
      }
   </style>
</head>
<body>
   <p>
      <var>a</var> = float(input('Enter a value: ')) <br>
      <var>b </var>= float(input('Enter b value: ')) <br>
      <var>c </var>= float(input('Enter c value: ')) <br>
      # calculate the semi-perimeter <br>
      <var>s </var>= (<var>a</var> +<var> b</var> +<var> c</var>) / 2 <br>
      # calculate the area <br>
      area = (<var>s</var>*(<var>s</var>-<var>a</var>)*(<var>s</var>-<var>b</var>)*(<var>s</var>-<var>c</var>)) ** 0.5 <br>
      print('The area of the triangle is %0.2<var>f</var>' %area)
   </p>
</body>
</html>
Copier après la connexion

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!

Étiquettes associées:
source:tutorialspoint.com
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal