Javascript 如何在HTML中显示类似开发人员网站的代码？_Javascript_Html_Css_Syntax Highlighting

Javascript 如何在HTML中显示类似开发人员网站的代码？

javascript html css

Javascript 如何在HTML中显示类似开发人员网站的代码？,javascript,html,css,syntax-highlighting,Javascript,Html,Css,Syntax Highlighting,我想了解如何在StackOverflow或其他开发者网站上显示代码。当我指的是显示代码时，我的意思是这样的 Some sample Code 我在许多开发人员网站上看到了它，我想知道如何做到这一点。使用HTML代码标签- 您可以编辑它在CSS中的显示方式，可能是这样的 code { background-color:#F5F5F5; } 使用HTML代码标记- 您可以编辑它在CSS中的显示方式，可能是这样的 code { background-color:#F5F5F

我想了解如何在StackOverflow或其他开发者网站上显示代码。当我指的是显示代码时，我的意思是这样的

    Some sample Code

我在许多开发人员网站上看到了它，我想知道如何做到这一点。

使用HTML代码标签-



您可以编辑它在CSS中的显示方式，可能是这样的
code {
    background-color:#F5F5F5;
}

使用HTML代码标记-

您可以编辑它在CSS中的显示方式，可能是这样的
code {
    background-color:#F5F5F5;
}

建议：阅读一些教程，学习HTML、CSS和JavaScript
然而，一个完全有效的例子是：
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">

</head>
<body>

  <pre>
    <code class="hljs java">
      public class Main {
        public static void main(String[] args) {

        }
      }
    </code>
  </pre>
  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
</body>
</html>

建议：阅读一些教程，学习HTML、CSS和JavaScript
然而，一个完全有效的例子是：
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">

</head>
<body>

  <pre>
    <code class="hljs java">
      public class Main {
        public static void main(String[] args) {

        }
      }
    </code>
  </pre>
  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
</body>
</html>

使用HTML标记-这仅适用于字体，我也需要灰色背景。您可以在CSW中更改它。我在css背景颜色中使用的值是什么，我也想要灰色背景。你可以在你的css中更改。我在css背景颜色中使用的值是什么？你想要更改背景谢谢，这对我有帮助。没问题，如果这有助于解决你的问题，你可以将其标记为正确答案。谢谢，这对我有帮助。没问题，如果这有助于解决您的问题，您可以将其标记为正确答案。