Skip to content

Instantly share code, notes, and snippets.

@git2thehub
Created June 19, 2023 23:03
Show Gist options
  • Save git2thehub/3741c8f8aa420fc96185c5122a050798 to your computer and use it in GitHub Desktop.
Save git2thehub/3741c8f8aa420fc96185c5122a050798 to your computer and use it in GitHub Desktop.
Building Up HTML Student Instructions

Student Do: Building Up HTML (15 minutes)

Instructions

  1. Open a new HTML file.
  2. Add the basic structure of an HTML document:
    • Include the DOCTYPE declaration.
    • Add the <head> tag with a <title> tag inside.
  3. Inside the HTML body, add the following:
    • Use an <h1> tag and choose a title for it.
    • Embed an image using the <img> tag.
    • Create three links:
      • The first link should have the attribute target="_blank" to open in a new tab.
      • Make the second link bold.
      • Make the third link a placeholder (doesn't go anywhere).
  4. For the bonus tasks:
    • Create an ordered list <ol> with steps to make a sandwich.
    • Create an unordered list <ul> with five bands/musicians you like.
    • Create a table with two columns (animal class and animal name) and four rows of animals.
    • Use a different way to separate the links, without line breaks.
    • Embed a YouTube video of your favorite band/musician.

Remember to refer to the instructor's HTML code from the previous exercise as you work on this activity.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment