Prism

Подсветка кода HTML

<pre><code class="language-markup">HTML код</code></pre>

Ввод

Вывод

    <div class="item-list">
        <p>Hello, code!</p>
    </div>

Подсветка кода CSS

<pre><code class="language-css">CSS код</code></pre>
@media screen {
    div {
    text-decoration: underline;
    }
  }

Подсветка кода Javascript

<pre><code class="language-javascript">Javascript код</code></pre>
$('#theModal').on('show.bs.modal', function (e) {
	        var button = $(e.relatedTarget);
	        var modal = $(this);
	        modal.find('iframe').attr('src', button.data("remote"));
	    });
        var youtube_src = $("#theModal iframe").attr("src");
        $("#theModal").on('hidden.bs.modal', function (e) {
            $("#theModal iframe").attr("src", null);
        });

Подсветка кода Kotlin

<pre><code class="language-kotlin">Kotlin код</code></pre>
//комментарий
  fun main(args: Array) {
      var arr = intArrayOf(0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89)
      println(arr.joinToString(prefix = "Числа Фибоначчи: ", limit = 10, truncated = "и т.д"))
  }

Подсветка кода Java

<pre><code class="language-java">Java код</code></pre>
//комментарий
  class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}