Skip to content

Instantly share code, notes, and snippets.

@sandrabosk

sandrabosk/check-html-intro_v1.md

Last active April 4, 2023 21:03
Show Gist options
  • Save sandrabosk/68472bfcdac207d41491a00e3411bd98 to your computer and use it in GitHub Desktop.
Save sandrabosk/68472bfcdac207d41491a00e3411bd98 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
check-html-intro_v1.md

HTML Intro exercise

PART 1

  • Take a look at the array of words and match each of the terms in the HTML code snippet:

    • Attribute
    • Value
    • Block element
    • Inline element
    <p>
  <img src="some-cool-photo.jpg" alt="beach in miami"/>
</p>

PART 2

  • Use this wireframe and put together a DOM tree representation of it.

  • BONUS: On your DOM tree representation find the following elements:

    • root
    • ancestor
    • descendant
    • parent
    • child
    • sibling
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment