我们如何使用HTML中的`<pre>`标签进行计算机输出格式化？

王林转载: 2023-08-29 16:17:03 557浏览

我们使用<samp>标签来进行计算机输出格式。它是一个短语标签。它用于定义和标识计算机程序的样本输出。它将在单一字体中显示<samp>元素内的文本。

语法

<samp>The text…</samp>

Example 1

的中文翻译为：

示例 1

以下是一个简单的示例，用于解释在HTML中使用<samp>标签的用法 -

<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <p><b>Pluralsight</b> is the technology workforce development company that helps teams know more and work better together with stronger skills, improved processes</p>
   <samp>
      Pluralsight, Inc. is an American privately held online education company that offers a variety of video training courses for software developers
   </samp>
</body>
</html>

Example 2

的中文翻译为：

示例2

在HTML文档中使用这个标签的另一个例子是−

<html>
<head>
   <title>Title of the document</title>
</head>
<body>
   <samp>
      <h2> HTML document</h2>
      <p>This is a paragraph.</p>
      <p>This is another paragraph</p>
   </samp>
</body>
</html>

Example 3

的翻译为：

示例3

我们可以使用样式表覆盖字体样式。

<html>
<head>
   <meta charset="UTF-8">
   <meta name="description" content="meta tag in the web document">
   <meta name="keywords" content="HTML,CSS">
   <meta name="author" content="lokesh">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
      samp{
         font-family: cursive;
      }
   </style>
</head>
<body>
   <p><b>Pluralsight</b> is the technology workforce development company that helps teams know more and work better together with stronger skills, improved processes</p>
   <samp>
      Pluralsight, Inc. is an American privately held online education company that offers a variety of video training courses for software developers
   </samp>
</body>
</html>

以上就是我们如何使用HTML中的`<pre>`标签进行计算机输出格式化？的详细内容，更多请关注php中文网其它相关文章！

HTML，<pre>，输出格式化 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除

上一条：WordPress中创建一个简单的CRM：创建自定义字段下一条：如何在HTML5中显示文本的Ruby注释？