<h1 style="font-family: Arial, sans-serif; letter-spacing: 0.1em;">PRISM.JS</h1>

<pre>
  <code class="language-markup"><!--
  -->&lt;div&gt;
    &lt;img class="example" src="example.png"&gt;
  &lt;/div&gt;<!--
  --></code>
</pre>

<pre>
  <code class="language-css"><!--
  -->.example {
    display: block;
    width: 100%;
    height: auto;
  }<!--
  --></code>
</pre>

<pre>
  <code class="language-javascript"><!--
  -->var example = document.querySelector(".example");
  example.setAttribute("alt", "alt text");<!--
  --></code>
</pre>

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/prism.min.js