<!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> <h1> <span>–</span> <h6></h2>
<div>
<dl>
<dd><span ><h1>Heading 1</h1></span></dd>
<dd><span ><h2>Sub heading 2</h2></span></dd>
<dd><span ><h3>Sub heading 3</h3></span></dd>
</dl>
</div>
</li>
<li>
<h2><span>Paragraph Tags:</span> <p></h2>
<div>
<dl>
<dd><span ><p>This is my first paragraph</p></span></dd>
<dd><span ><p>This is my second paragraph</p></span></dd>
</dl>
</div>
</li>
<li>
<h2><span>Sections:</span> <div> <span>and</span> <span></h2>
<div>
<dl>
<dd><span ><div style="background: skyblue;"></span></dd>
<dd><span >  This is a div</span></dd>
<dd><span ></div></span></dd>
</dl>
</div>
</li>
</ul>
</p>
</p>
</body>
</html>