My Coding > Programming language > HTML > HTML FAQ > How to colour python code in HTML?

How to colour python code in HTML?

The easiest way to highlight your python code insertion into HTML is to use the following libraries: highlight.min.js, python.min.js and use script hljs.initHighlightingOnLoad(). Also you need to import proper CSS: default.min.css. It is better to load them from the given destination:


<!DOCTYPE html>
<html>
<head>
  <title>Python Code Highlighting Example</title>
  <link rel="stylesheet" href=
"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/default.min.css">
  <script src=
"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js">
</script>
  <script src=
"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/languages/python.min.js">
</script>
  <script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
  <pre><code class="python">
    def hello_world():
        print("Hello, world!")
  </code></pre>
</body>
</html>

Python script should be included into a special code brackets: 


<pre><code class="python">
 # Your code is here 
</code></pre>

That it!


Published: 2023-05-04 23:37:44
Updated: 2023-05-04 23:46:50

Last 10 artitles


9 popular artitles
© 2020 MyCoding.uk -My blog about coding and further learning. This blog was writen with pure Perl and front-end output was performed with TemplateToolkit.