广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 软件专业 > 前端开发专业 > 正文

Web前端开发|HTML计算机代码元素是什么?_惠州前端培训学校

作者:alu发布时间:2022-03-20分类:前端开发专业浏览:694


导读:HTML计算机代码元素是什么?相信这是每个学习前端的同学都会遇到的问题,下面我们一起来看看惠州北大青鸟老师是怎么回答的。

HTML计算机代码元素是什么?相信这是每个学习前端的同学都会遇到的问题,下面我们一起来看看惠州北大青鸟老师是怎么回答的。

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<sup>2</sup></var></p>

亲自试一试

HTML 计算机代码元素

标签描述

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

<kbd>定义键盘文本

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

<var>定义变量

<pre>定义预格式化文本

想知道更多关于前端的资讯,联系在线客服,或者来惠州北大青鸟新方舟校区了解。

标签:惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟


前端开发专业排行
标签列表
网站分类
文章归档
最近发表