Skip to content

Instantly share code, notes, and snippets.

@BobGu

BobGu/HTML.md

Last active June 3, 2017 13:56
Show Gist options
  • Save BobGu/c4883e2ce024644699129e078ac83778 to your computer and use it in GitHub Desktop.
Save BobGu/c4883e2ce024644699129e078ac83778 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML.md

What is HTML

  • The structure and semantics of our webpage
  • One of the oldest languages for the web
  • Stands for Hyper Text Markup Language
  • Two things, HTML has tags and text.

Codepen of a paragraph tag

  • Opening and closing tag
  • Everything between the opening and closing tag is part of this paragraph

Try it - build a personal webpage

Images and attributes

  • Image tag what is it
  • Self closing tag
  • Every HTML tag has an attribute, the img tag has a src attribute.
  • Explain how src attribute works

Try it - add a image to the webpage

Input and button

  • Input tag is self closing, and used for filling out information in a web form. For instance your username
  • The button tag creates a button, is not self closing.

Block vs Inline elements

  • Is a block element and always starts a new line

  • Is a inline element and only takes the width it needs
  • Show them in codepen

CFU - Turn and talk

  • What are the two parts that make up HTML.?
  • What role to tags play in HTML?
  • What is a self closing tag?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment