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  !DOCTYPE html  html  head  meta charset= quot;utf-8 quot;  /head  body  p pre标签元素 /p  /body  /html  /pre 

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

说明：虽然 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的计算机代码元素有哪些的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。