Intro to HTML & CSS – Part 3

In this tutorial, we’ll write our HTML using a proper HTML5 template, get introduced to anchor tags, and start creating a journal website!

Part 3 – HTML Template and Anchor Tags

As a good programmer, we want to make sure we are doing things the right way. That means coding our HTML pages using a proper template that all browsers can understand. We also are going to want to link our page to other pages.

The Tutorial on SafeYouTube

https://safeYouTube.net/w/peI3

References

Final Source Code Files

index.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>NerdArmy Journal</title>
</head>

<body>

  <h1>Welcome to the NerdArmy Journal</h1>
  <p>
    This is NerdArmy's daily journal of life during the
    Cornovirus!  To learn more about me... <a href="aboutMe.html">click here</a>!
  </p>

  <h2>March 30, 2020</h2>
  <p>
    Here is a list of some of my favorite bands.
    <ul>  
      <li><a href="https://en.wikipedia.org/wiki/Van_Halen" target="_blank">Van Halen</a></li>
      <li><a href="https://blog.beastieboys.com/" target="_blank">Beastie Boys</a></li>
      <li><a href="https://www.ledzeppelin.com/?frontpage=true" target="_blank">Led Zeppelin</a></li>
    </ul>
  </p>

</body>

</html>

aboutMe.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>All About Me</title>
</head>

<body>
  <h1>This Page is about NerdArmy</h1>
</body>

</html>

Leave a Reply

Your email address will not be published. Required fields are marked *