Skip to content

Instantly share code, notes, and snippets.

@Shurlow
Last active July 21, 2018 16:43
Show Gist options
  • Select an option

  • Save Shurlow/0d0a345e387360e022e9c37dadf04dd9 to your computer and use it in GitHub Desktop.

Select an option

Save Shurlow/0d0a345e387360e022e9c37dadf04dd9 to your computer and use it in GitHub Desktop.
Intro to HTML Notes

HTML

Objectives

  • HTML is properly indented
  • HTML contains a head and a body, tags are properly closed except for single tag elements, and is overall valid
  • HTML relies on semantic tags
  • HTML attributes and values are used to create images, links, unique ids, and inline style
  • Forms are valid and includes labels with inputs, ids, and names
  • Checkboxes and radio buttons are grouped and labeled

Terms

  • HTML
  • Element
  • Tag
  • Attribute
  • IDs

Guiding Questions

  • What is the difference between an element and a tag?

    Your answer...

  • When should you indent your HTML? Why is it helpful to do so?

    Your answer...

  • The following HTML is invalid. What would need to be changed in order to make it valid?

    <body>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 
      labore et dolore magna aliqua. <strong>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi 
      ut aliquip ex ea commodo consequat. <span>Duis aute irure dolor in reprehenderit in voluptate velit esse 
      cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
      culpa qui officia deserunt mollit anim id est laborum.</p></span>
    </body>

    Your answer...

  • What is the purpos of a <form>?

    Your answer...

  • What is the effect of connecting a <label> to an <input>?

    example input with label:

    <label for="peas">Do you like peas?</label>
    <input type="checkbox" name="peas-input" id="peas">

    Your answer...

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