如何在浏览器中显示实际的 HTML 和 CSS 标记

How to show actual HTML and CSS markups in browsers

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

我想在浏览器中看到实际的 HTML 和 CSS 标记,而不是它的渲染版本。我怎样才能做到这一点?

我们经常在辅导网站上看到它

实际上我的解决方案是 xmp 标记 HTML 标记