起航学习网

这篇文章讲述的是Web前端开发培训中HTML 计算机代码元素的教程。IT培训网班正在火热招生中，同学你要不要加入我们呐?在这里小T每天也会分享一下干货给大家。那么今天说道的就是Web前端开发培训课程中的章节。

HTML 计算机代码元素

HTML 引用

HTML 注释

计算机代码

var person = {

firstName:"Bill",

lastName:"Gates",

age:50,

eyeColor:"blue"

}

HTML 计算机代码格式

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

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

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

HTML 键盘格式

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

实例

<p>To open a file, select:</p>

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

亲自试一试

HTML 样本格式

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

实例

<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>

亲自试一试

HTML 代码格式

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

实例

<code>

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

</code>

亲自试一试

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

实例

<p>Coding Example:</p>

<code>

var person = {

firstName:"Bill",

lastName:"Gates",

age:50,

eyeColor:"blue"

}

</code>

亲自试一试

如需解决该问题，您必须在 <pre> 元素中包围代码：

实例

<p>Coding Example:</p>

<code>

<pre>

var person = {

firstName:"Bill",

lastName:"Gates",

age:50,

eyeColor:"blue"

}

</pre>

</code>

亲自试一试

HTML 变量格式化

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

实例

<p>Einstein wrote:</p>

<p><var>E = m c²</var></p>

亲自试一试

HTML 计算机代码元素

标签描述

<code>定义计算机代码文本

<kbd>定义键盘文本

<samp>定义计算机代码示例

<var>定义变量

<pre>定义预格式化文本

免责声明：内容和图片源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容

Web教程网是一个专注于技术资讯的综合性门户网站。是Web爱好者学习交流的网站,这里提供大量实用的技术文档及相关资源下载，是网页设计、网络编程人员及其爱好者必备网站。

文章出自：http://qh.itpxw.cn/peixun/web/202185784.html

文章标题：Web前端开发培训中HTML 计算机代码元素的教程



免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

(责任编辑：深圳学历教育网)