How to use HTML5 code tag to beautify code

Question

Does anyone have an example on how to use HTML5 code tag in order to display HTML code?

I tried to do that but it failed.

Afterwards, I tried to use highlight.js but still no luck.

Any suggestions?

Demo

Answer 1

The HTML code tag has nothing to do with beautifying. It simply indicates its content as computer code, and by default it causes it to be rendered in a monospace font. That’s all.

To get help with beautification, I suggest that you open a new question and post your best effort so far (not links to general resources but to code that you actually tried) and explain what you wish to achieve.