michtang
/
personal


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
							<!DOCTYPE html>
<html lang = "en">
<!--
The head is used to load settings for the website. Nothing in the head is visible to the user.
-->
<head>
  <meta charset = UTF-8">
  <title>Penguins are Awesome</title>
  <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<!--
The body is where all the content visible to the user is found. It can be separated into different sections like a header, article, and footer. All text, images, links, and animations are found here.
-->
<header>
  <h1 style="color:red;">All about Penguins</h1>
</header>
<nav>
  <div class="button">Home</div>  <a href="facts.html"><div class="button">Facts</div></a>  <a href="http://www.google.com/" target="_blank"><div class="button">Google</div></a>
</nav>
<aside>
  <h2>Links</h2>
   <ul>
     <li>Wikipedia</li>
   </ul>
</aside>
<article>
  <p>
    This website is devoted to penguins.
  </p>
  <a href="media/penguins.jpg" target="_blank">
    <img src="media/penguins_250px.jpg" alt="Baby Penguins"  />
  </a>

  <h2 class="redFont uppercase">Why Penguins are cool</h2>
  <p class="redFont">
    Penguins are cool because they live in the <strong>Southern Hemisphere</strong> in cooler waters. Many misconceptions about penguins are common. For example , many winter scenes have <b>Polar Bears</b> and Penguins in the same image when they never live together!
  </p>

  <p>
    The <span class="redFont">claymation</span> animation <em>Pengu</em> popularized penguins with Pengu's comical experiences in modern day society.
  </p>
  <h2 id="habitatsHeading">Penguin Habitats</h2>
  <p>
    Penguins live in Antartica, but are found throughout the southern points of South America, Africa, and Australia too!
  </p>
  <table>
    <tbody>
      <tr>
        <th>Date</th><th>Temperature</th>
      </tr>
      <tr>
        <td>2020-11-01</td><td>17</td>
      </tr>
      <tr>
        <td>2020-10-31</td><td>6</td>
      </tr>
    </tbody>
  </table>
  <iframe width="300" src="https://www.youtube.com/embed/OF0w9z_JUJs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</article>
</body>
</html>