如何使用 HTML 中的 <var> 标签进行变量格式化?

htmlweb developmentfront end technology更新于 2024/6/7 10:52:17

在编程或数学表达式中，我们使用 <var> 标签来定义变量。它也用于格式化文档中的文本。此标签内的内容通常以斜体显示。

语法

<var>Variable…</var>

示例 1

以下是使用 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>

示例 2

您可以尝试运行以下代码，使用 HTML 中的 <var> 标签进行变量格式化 -


<!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>

示例 3

我们可以使用样式表覆盖字体样式。示例代码如下 -


<!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>