<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Headings and Paragraphs</title>
    <link rel="stylesheet" href="styles/05.Power-point Slide.css" type="text/css">
</head>
<body id="background-image">
<p>
<h1 class="yellow-symbols">Headings and Paragraphs</h1>
</p>
<p>
<p>
<ul type="square" class="yellow-symbols">
    <li>
        <h2><span>Heading Tags:</span> &lt;h1&gt; <span>&ndash;</span> &lt;h6&gt;</h2>
        <div>
            <dl>
                <dd><span >&lt;h1&gt;Heading 1&lt;/h1&gt;</span></dd>
                <dd><span >&lt;h2&gt;Sub heading 2&lt;/h2&gt;</span></dd>
                <dd><span >&lt;h3&gt;Sub heading 3&lt;/h3&gt;</span></dd>
            </dl>
        </div>
    </li>
    <li>
        <h2><span>Paragraph Tags:</span> &lt;p&gt;</h2>
        <div>
            <dl>
                <dd><span >&lt;p&gt;This is my first paragraph&lt;/p&gt;</span></dd>
                <dd><span >&lt;p&gt;This is my second paragraph&lt;/p&gt;</span></dd>
            </dl>
        </div>
    </li>
    <li>
        <h2><span>Sections:</span> &lt;div&gt; <span>and</span> &lt;span&gt;</h2>
        <div>
            <dl>
                <dd><span >&lt;div style="background: skyblue;"&gt;</span></dd>
                <dd><span >&emsp;&nbsp;This is a div</span></dd>
                <dd><span >&lt;/div&gt;</span></dd>
            </dl>
        </div>
    </li>
</ul>
</p>
</p>
</body>
</html>