WDI Fundamentals

WDI Fundamentals Unit 2

HTML Cheat Sheet

World Wide Web

  • An information sharing model built on top of a global system of interconnected computer networks called the internet.


  • Collections of files, accessible through the world wide web.


  • Personal devices - such as computers, phones, or tablets - used to access the web.


  • Used to host the massive amounts of files that make up websites and “serve” files to end users.


  • The building blocks of HTML. Consists of a start tag, content, and end tag.

    • Headline Elements are used for important text — like page titles — that describe content that comes after it. They range in order from the largest (h1) to the smallest (h6).

        <h1>This would make a big headline</h1>
    • Paragraph Elements use one of the most basic tags in HTML. They indicate blocks of text.

       <p>This would add a block of text to a page</p>
    • Anchor Elements create links. In order to make a working link, we need to add more information to the anchor tag using an (href) attribute that detemines the link's destination.

      <a href="www.generalassemb.ly"> This would make this whole sentence a link to General Assembly's home page.</a>


  • HTML syntax used to create elements. They use angle bracket bookends (< >) to tell a web browser how to present content.

    • Heading Tags: <h1> (largest size) through <h6> (smallest size) titles the content that follows it.

    • Paragraph Tags: <p> tags indicate blocks of text.

    • Anchor tags: <a> tags create links.

HTML Attribute

  • Adds information to an HTML element. An HTML tag can have one or many attributes. Attributes are always included in the opening tag. They are preceded by a space, include the name of the attribute, an equal sign, and a value in quotes.

HTML Boilerplate

In order to organize tags properly, start with a set of structural elements called the HTML boilerplate. It should look like this:

<!DOCTYPE html>