如何在 HTML 中创建电传打字机文本?

在本文中，我们将学习如何在 HTML 中创建电传打字机文本。

电传打字机或打字机风格的等宽或固定宽度字体用于显示由 <tt> 标签创建的内联文本。

等宽字体、单字体和非比例字体指的是同一种字体。它们都指字符宽度相同像素数的字体，并且可以互换使用。

注意− HTML5 不支持

语法

以下是电传打字机文本的语法。

<tt> 内容... </tt>

为了更好地理解如何在 HTML 中创建电传打字机文本

示例 1

在下面的示例中，我们使用 <tt> 标签。

<!DOCTYPE html>
<html>
<body>
   <p>Welcome to TuttorialsPoint</p>
   <p><tt>The Best E-Way Learning.</tt></p>
</body>
</html>

脚本执行时，将生成包含两个段落的输出:一个是正常段落，另一个是网页上使用了 <tt> 标签的段落。

示例 2:使用 CSS

请考虑以下示例，我们将 CSS 用于 teletype。

<!DOCTYPE html>
<html>
<body>
   <p>Welcome To Tutorials.</p>
   <p style="font-family: monospace">Where You Can Find A Lot Of Courses.</p>
</body>
</html>

运行上述脚本后，会弹出输出窗口，显示两个文本。一个是正常文本，另一个是在网页上采用等宽字体样式的文本。

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/