在div中显示代码不执行

Question

如何在某些内容中显示代码内容，而不是执行该代码。

对于前。我wana显示代码iside div与类dot1 ...

<div class="dot1">
<div class="main">

        <section class="hs1">

            <header>
            <h1>This is a Page Sub Title</h1>
            </header>

            <p>Some content...</p>

            <h2>Demonstrating EM and STRONG</h2>

            <p>This text will have more importance></p>


        </section><!-- .hs1 -->

        </div><!-- .main -->
</div>