Skip to content

Instantly share code, notes, and snippets.

@victoriachuang

victoriachuang/intro-to-html.md

Last active October 31, 2016 21:54
Show Gist options
  • Save victoriachuang/e638b921b096d0a71c8e602056ed2080 to your computer and use it in GitHub Desktop.
Save victoriachuang/e638b921b096d0a71c8e602056ed2080 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
intro-to-html.md

HTML (Hypertext Markup Language)

  • A markup language to display content
  • Unlike programming languages, you can’t use it to perform logic
  • Composed of tags
  • Not case-sensitive or white space-sensitive
  • Reads top-down

Tags

  • <head> tag
    • Metadata about the document
    • Links external CSS, meta tags, character encoding, etc.
    • Not displayed to the user, but browser needs to know how to render the document
  • <body> tag
    • All content displayed to user
  • Links
    • pusheen.com vs. http://pusheen.com
  • <div> tag
    • For organization

CSS (Cascading Stylesheets)

  • Inline
    • Pro: Okay for in-development debugging
    • Con: Gets messy and hard to maintain
  • Internal stylesheet
    • Pro: Email templates don’t support a separate CSS file
    • Con: Because HTML reads top-down, if something breaks, it might screw up your entire document
  • External stylesheet
    • Most-preferred way of organizing CSS
    • Keeps your content and styling separate; good for debugging

Developer Tools

  • Able to select element of document and view all styling applied
  • Able to see errors, requests and load time
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment