How to show actual HTML and CSS markups in browsers

Question

<p> Attribute <span style="color: #EFEFEF"> <accept> </span>
- Specifies the types of files that the server accepts (only for type="file") </p>  

I want to see actual HTML & CSS markups in browsers not its rendered version. How can I accomplish that ?

We can see it often on tutoring websites

Answer 1

actually my solution is xmp tag for HTML markups