Beautify Pretty Sexy Code Syntax Highlighting (Color Does Make a Difference)

vs

If you want your line numbers to start from a particular index, you have to add the 'pre' and 'code' tags, set the 'data-start' value.

<html> <b> ....
<script>
<pre class="line-numbers" data-start="10"><code class="language-markup">
<textarea id="html" class="prism-live language-markup">
<html> ....
<script>
for (let i=0; i<10; i++)
{
 let b = 2;
 let c = 'cats like milk';
 let d = "dogs like bones";
}
</script><\/textarea> 
</code></pre>
</script>

This snippet starts from 19:

 alert('Hello, '+name);

Adding highlighting so a particular line stands out, you can add the 'highlight' plugin. You set the 'data-line' value to which line number you want to be emphasised.

If you want to customize the highlight color, e.g., red or yellow, you modify the 'prism.css -> .line-highlight' (such as background-color: rgba(255,255,0,0.2); )

<html> <b> ....
<script>
<pre class="line-numbers" data-line="3"><code class="language-markup">
<textarea id="html" class="prism-live language-markup">
<textarea id="html" class="prism-live language-markup">
<html> ....
<script>
for (let i=0; i<10; i++)
{
 let b = 2;
 let c = 'cats like milk';
 let d = "dogs like bones";
}
</script><\/textarea> 
</code></pre>
</script>