To put HTML into a LibGuides box, you have to do a little HTML inception. Here are the steps:
- Go to the Web Tools page within this LibGuide and paste the desired raw HTML within the tool under the "HTML.txt" tab
- Press the "Play" button to run the Python script. This script will "decode" HTML specific characters into the character's HTML coded symbol.
- Go to the "html-display-code-web-page.txt" tab and copy the now changed HTML code
- Create or edit a content box via HTML or Source. Place <pre> and <code> tags within the box. Your pasted code will go in between the open and closed <pre> and <code> tags (this creates the grey, plaintext code box)
- Here is an example of what your code will look like:
<pre>
<code>
<!-- Your decoded HTML code here -->
</code>
</pre>
You are essentially changing HTML symbols to the HTML version of the *characters* they represent.
Fun Fact: To create the box above, I followed the steps above. Look at the raw HTML to see how I did it.