HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML 计算机代码

我们在编程时，有时必须在网页上向用户显示输出结果、错误消息或编码部分。因此，为了解决这个问题，HTML 为用户输入、代码、程序等使用不同的标签。借助这些标签，您将能够编写代码以显示在您的网页上。

以下是 HTML 中用于此任务的一些标签的列表。

  • <code>

  • <kbd>

  • <samp>

  • <var>

  • <pre>

HTML <code> 元素

它是用来表示一些编程代码在您的网站上。之间的内容写标签将显示在默认的等宽字体的字体。


例子:

<!DOCTYPE html>  
<html>  
<body>  
<h2>Computer Code</h2>  
<p>This is a programming code:</p>  
<code>  
x = 5;<br>  
y = 6;<br>  
z = x + y;  
</code>  
</body>  
</html>

HTML <kbd> 元素

它是用来表示用户输入、键盘输入、语音命令等文字写在< kbd > .....< / kbd >标签通常显示在浏览器的默认的等宽字体的字体。

例子:

<!DOCTYPE html>  
<html>  
<body>  
<h2>The kbd Element</h2>  
<kbd>This is how  content written within kbd element looks like.</kbd></p>  
</body>  
</html>

HTML <samp> 元素

HTML <samp>元素用于表示程序的输出。文字写在桑普元素通常是显示在浏览器的默认的等宽字体的字体。

例子:

<!DOCTYPE html>  
<html>  
<body>  
<h2>The samp Element</h2>  
<samp>This is how the content within samp element looks like. </samp>  
</body>  
</html>

HTML <var> 元素

HTML <var>元素用于定义一个变量。变量可以是变量数学表达式或变量编程环境。

例子:

<!DOCTYPE html>  
<html>  
<body>  
<h2>The var Element</h2>  
<p>This is a famous formula: <var>E</var> = <var>mc</var><sup>2</sup>.</p>  
</body>  
</html>

HTML <pre> 元素

<pre>元素定义了预格式化的文本,它显示了在固定宽度字体内容。它不断向原来的格式和内容忽略所有格式。

例子:

<!DOCTYPE html>  
<html>  
<body>  
<h3>Example of pre tag</h3>  
  <pre>  
    This is content written   
    within pre tag, and  pre tag will ignore all   
    spaces,     break lines, and will display the content   
    as in original format.   
  </pre>  
 </body>  
</html>


上一主题 HTML 响应式 下一主题 HTML 实体
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具