一品寻花安徽江苏论坛,合肥一品阁,合肥品茶工作室

0411-39943997
工作时间:周一至周日 8:30-22:00
技术文库
Technical Library

HTML 计算机代码元素

标签: HTML知识  访问: 28202019-07-06

计算机代码

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

HTML 计算机代码格式

通常,HTML 使用可变的字母尺寸,以及可变的字母间距。

在显示计算机代码示例时,并不需要如此。

<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。

HTML 键盘格式

HTML <kbd> 元素定义键盘输入

实例:

<!DOCTYPE html>
<html>
<body style="font-size:16px">

<p>HTML kbd 元素表示键盘输入:</p>

<p><kbd>File | Open...</kbd></p>

</body>
</html>

image.png

HTML 样本格式

HTML <samp> 元素定义计算机输出示例

实例:

<!DOCTYPE html>
<html>
<body style="font-size:16px">

<p>HTML samp 元素表示计算机输出示例:</p>

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

</body>
</html>

image.png

HTML 代码格式

HTML <code> 元素定义编程代码示例

实例:

<!DOCTYPE html>
<html>
<body style="font-size:16px">

<p>code 元素不保留多余的空格和折行:</p>

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

</body>
</html>

image.png

code 元素如需保留多作的空格和折行,您必须在 <pre> 元素中包围代码:

<!DOCTYPE html>
<html>
<body style="font-size:16px">

<p>code 元素不保留多余的空格和折行:</p>

<p>如需解决该问题,您必须在 pre 元素中包围代码:</p>

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

</body>
</html>

image.png

HTML 变量格式化

HTML <var> 元素定义数学变量

实例:

<!DOCTYPE html>
<html>
<body style="font-size:16px">

<p>爱因斯坦的公式:</p>

<p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></p>

</body>
</html>

image.png

HTML 计算机代码元素

image.png

本站关键词:大连网站建设  |  大连网络公司

Copyright? 2015 仟亿科技,All rights reserved.
主站蜘蛛池模板: 繁昌县| 靖州| 桑日县| 淮北市| 绥中县| 三台县| 洛浦县| 滨海县| 静海县| 万载县| 合阳县| 高密市| 营山县| 巴南区| 香港| 中西区| 和林格尔县| 普安县| 皮山县| 新宁县| 富源县| 包头市| 黄平县| 敖汉旗| 西畴县| 锡林浩特市| 邳州市| 汉阴县| 宽甸| 涟水县| 界首市| 墨竹工卡县| 永寿县| 云南省| 和政县| 昭通市| 清新县| 老河口市| 全州县| 庆安县| 改则县|