How to insert Html code block in WordPress blog po

Question

I had written a blog post in WordPress and checked its preview before publishing and noticed a strange format change in the html code I have added in my blog post, converting (encoding) the < and > characters into their (&lt) and (&gt)

Is there any plugin I can add for displaying the code as it is?

Answer 1

I replaced < character with a special character 〈 and > character by 〉 just to prevent rendering my HTML code in my blog.

Answer 2

After a long research and help from my seniors I got this solution for restricting the WordPress from converting (encoding) the < and > characters into their (&lt) and (&gt):

You can use:

<pre class="lang:html decode:true ">
 /*Some Html code here*/
</pre>