How to add < and other special characters in between active <> on html web dev

[rolyt]

so my example is

I want the <> to appear on the screen and not be a part of the line structure on screen I want it to show

[abdullah-ayyash]

You can achieve that by using > for the next arrow (greater than sign) and < for back arrow (less than sign)
So your tag will look like this:
<h1>&lt;rolyt&gt;</h1>
Of course, you can apply those two to any HTML tag to show it as plain text.