html的计算机代码元素有哪些

HTML kbd> 元素

kbd> 元素是用于表示用户输入，键盘输入，语音命令等，它经常被用于和计算机相关的文档和手册中。被包含在kbd> ..... / kbd> 标签内的文本通常是以浏览器的默认等宽字体显示。下面我们来看看示例：

!DOCTYPE html>
    html>
    head>
    meta charset="utf-8">
    /head>
    body>
        h2>
    kbd标签元素/h2>
        p>
     kbd>
    这就是在kbd元素中写入的内容的样子。/kbd>
    /p>
    br>
            h4>
    kbd标签元素经常被用于和计算机相关的文档和手册中/h4>
        p>
    键入 kbd>
    quIT/kbd>
     来退出程序，或者键入 kbd>
    menu/kbd>
     来返回主菜单。/p>
    /body>
    /html>
    

效果图：

HTML samp> 元素

samp> 元素是用于表示程序的输出（一段用户应该对其没有什么其他解释的文本字符）。被包含在samp> 元素中编写的文本通常是以浏览器的默认等宽字体显示。下面我们来看看示例：

h2>
    samp标签元素/h2>
      p>
     kbd>
    这就是在samp标签元素中写入的内容的样子。/kbd>
    /p>
    

效果图：

HTML code> 元素

code> 元素是用于表示一些编程代码（计算机源代码或者其他机器可以阅读的文本内容），它是为软件代码的编写者设计的；被包含在code> 元素中编写的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来。下面我们来看看示例：

h2>
    计算机代码/h2>
      p>
    这是一个编程代码：/p>
      code>
      x = 5;
    br>
      y = 6;
    br>
      z = x + y;
      /code>
    

效果图：

HTML pre> 元素

pre> 元素可定义预格式化的文本，可用来表示计算机的源代码。被包含在pre> 元素中的文本会严格限制为等宽字体格式。下面我们来看看示例：

pre>
    &
    lt;
    !DOCTYPE html&
    gt;
      &
    lt;
    html&
    gt;
    &
    lt;
    head&
    gt;
      &
    lt;
    meta charset=&
    quot;
    utf-8&
    quot;
    &
    gt;
    &
    lt;
    /head&
    gt;
    &
    lt;
    body&
    gt;
      &
    lt;
    p&
    gt;
    pre标签元素&
    lt;
    /p&
    gt;
    &
    lt;
    /body&
    gt;
    &
    lt;
    /html&
    gt;
    /pre>
    

在上面的代码中，pre> 标签中的特殊符号被转换为符号实体，比如 "& lt; " 代表 ""，"& gt; " 代表 "> "。下面我们来看看效果：

说明：虽然code> 元素和pre> 元素都是可以以等宽字体格式显示编程代码，但它们之间还是有差异的：

code> 元素内的文本显示不保留多余的空格和折行；但在 pre 元素中的文本通常会保留空格和换行符。

我们来看看区别效果：

p>
    code标签/p>
    code>
var student = {
    学号："01"    姓名:"小华"}
    /code>
    p>
    pre标签/p>
    pre>
var student = {
    学号："02"    姓名:"小明"}
    /pre>
    

效果图：

HTML var> 元素

var> 元素用于定义变量。变量可以是数学表达式中的变量，也可以是编程上下文中的变量。下面我们来看看示例：

h2>
    var元素/h2>
      p>
    这是一个著名的公式： var>
    E/var>
     = var>
    mc/var>
    sup>
    2/sup>
    ./p>
    

效果图：

总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。

以上就是html的计算机代码元素有哪些的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！