我们使用<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>
Example 2
的中文翻译为：示例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>
Example 3
的翻译为：示例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>
