The Code

The HTML code for the third day of CoderDojo Mallow's Summer Camp is as follows:

<!DOCTYPE html>

<html>

    <head>
        <title>HTML Recap</title>
        <link type="text/css" rel="stylesheet" href="Day 3.css"/> 
    </head>

    <body style="background-color:black;">

        <div style="background-color: white; text-align:center;">

            <p>This paragraph is red! </p>

            <div style="background-color: aqua; height: 300px; width: 1000px;">
    	        <h1 class="example" >H1</h1>
    	        <h2 style="color:red; text-align: left;">H2</h2>
    	        <em><h3 style="color:green; text-align:center">H3</h3></em>
    	        <h4 style="color:orange; text-align:center">H4</h4>
    	        <h5 style="color:yellow;">H5</h5>
    	        <em><h6 style="color:purple; text-align:left">H6</h6></em>
            </div>

            <div ID="example">
                <p>...</p>
                <p>...</p>
            </div>

            <div style="background-color:red; width:500px; height: 400px;">
                <img src="coderdojo.png"/>

                <table border="1px" style="background-color: white; border-color:green;">
                    <thead>
                        <tr>
                            <th colspan="2" style="color:red;">Famous Monsters by Birth Year</th>
                        </tr>
                        <tr>
                            <th class="example">Famous Monster</th>
                            <th>Birth Year</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>King Kong</td>
                            <td>1933</td>     
                        </tr>
                
                        <tr>
                            <td>Dracula</td>
                            <td>1897</td>
                        </tr>
                
                        <tr>
                            <td>Bride of Frankenstein</td>
                            <td>1935</td>
                        </tr>
                    </tbody>
                </table>

            </div>

            <p style="color:green; font-size:30px;">This is a <a href="www.youtube.com">website</a> about <span  style="color:blue; font-family:chiller;">everything I have learned</span> in <strong>html</strong>.</p>

            <div>     
                <p>I'm the first child!</p>        
                <p>We're not.</p> 
                <p>We're not.</p> 
                <p>We're not.</p> 
                <p>We're not.</p> 
            </div>

        </div>

    </body>

</html>