diff --git a/public/X3DOMTutorial/externalfile.html b/public/X3DOMTutorial/externalfile.html
index 2b9630392e4107c4ec7cb00f63da905d65668e7e..4eac99a3b3d7984d88ffe3df2820597b42ec54c7 100644
--- a/public/X3DOMTutorial/externalfile.html
+++ b/public/X3DOMTutorial/externalfile.html
@@ -5,6 +5,9 @@
   <title> External File </title>
   <link rel="stylesheet" type="text/css" href="x3dom.css">
   </link>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/vs.min.css">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
+  <script>hljs.highlightAll();</script>
 </head>
 
 <body>
@@ -26,13 +29,24 @@
           performance a lot.
         </p>
         <pre>
-&lt;X3D id="shapedata"&gt;
-  &lt;Scene&gt;
-    &lt;background transparency='0' skyColor='1 1 1'&gt;&lt;/background&gt;
-    &lt;inline url="HFT_Bau1_0.x3d"&gt;&lt;/inline&gt;
-  &lt;/Scene&gt;
-&lt;/X3D&gt
-</pre>
+<code class="language-html">
+&lt;html&gt; 
+&lt;head&gt; 
+  &lt;title&gt; External File e&lt;/title&gt; 			
+  &lt;script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'&gt; &lt;/script&gt; 
+  &lt;link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'&gt;&lt;/link&gt; 
+&lt;/head&gt; 
+&lt;body&gt; 
+  &lt;X3D id="shapedata"&gt;
+   &lt;Scene&gt;
+     &lt;background transparency='0' skyColor='1 1 1'&gt;&lt;/background&gt;
+     &lt;inline url="HFT_Bau1_0.x3d"&gt;&lt;/inline&gt;
+   &lt;/Scene&gt;
+  &lt;/X3D&gt
+&lt;/body&gt; 
+&lt;/html&gt;  
+</code>
+</pre>   
         <select id="combo" style="margin-bottom:20px" onchange="comboCallback();">
           <option value="x3d/HFT_Bau1_0.x3d">HFT Building 1 Floor 0</option>
           <option value="x3d/HFT_Bau1_1.x3d">HFT Building 1 Floor 1</option>
@@ -55,4 +69,4 @@
   </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>