Curriculum

Day 1: What is HTML? + Basics

We discuss what HTML is, and the basic things you need to know about it:

  • HTML symbols - (Brackets, Forward slashes, Back slashes)

  • HTML elements - (body, paragraphs, headings)

  • HTML tags - (<html>, <head>, <body>, <h1>, <p>)

  • Text editors

  • HTML page structure

Day 2 : HTML Elements and Attributes

We further expand our knowledge in HTML, and some basic HTMl elements:

  • Doctype declarations

  • HTML elements - (Lists, Images, Bolding, Line Breaking, comments)

  • HTML tags - (<li>, <b>, <br>, <!-- -->)

BONUS:

  • Search engines

  • Web browsers

What are Attributes? What do they do in HTML? How do you use them? - learn that in todays lesson.

  • HTML attributes

  • Real world attributes

  • HTML elements - (images)

  • HTML tags - (<img>)

Day 3 : Links (and the Famous LWM CHAIN CHALLENGE)

We discuss what a link refers to in web development, as well as linking within our website:

  • Links

  • URLs

  • Hypertext references

  • Hyperlinks

  • Attributes - (href)

  • HTML tags - (<a>)

This activity takes place in a virtual class, and is a fun extension to day 4.

  • linking

Day 4 : HTML tables

We discuss what real world tables and html tables are, as well as their structure:

  • HTML Tables

  • Table data arrangement

  • Data analysis

  • Spreadsheets

Learn how to build your own table and represent data in HTML.

  • HTML tables

  • HTML elements - (Table row, Table header, Table data,)

  • HTML tags - (<tr>, <td>, <th>)

  • Inline elements

  • Block elements

Day 5 : Styling (CSS)

Learn how to style your html code and make it unique to you:

  • CSS

  • CSS properties

  • External CSS files

  • Internal CSS files

  • Inline CSS

Day 6 : Trivia game & Quiz day

Trivia and Quiz covers content of day 1- 5:

  • Content from day 1 - 5

Day 7 : HTML forms

Learn what a form is and how to create one in HTML.

  • HTML forms

  • Forms

  • Databases

  • HTML elements - (forms, input fields)

  • HTML attributes - (type, placeholder)

  • HTML tags - (<form>, <input>)

Day 8: HTML navigation bars

Navigation bars are a key component to websites with multiple pages. Learn how to create your own in HTML!

  • Navigation bars

  • HTML elements - (navigation bar)

  • HTML tags - (<nav>)

BONUS:

  • HTML colors

  • Hexadecimal values

Day 9 : HTML5

We talk about what HTML5 is, and all the cool new changes that were made.

  • HTML5 page structure - (header, footer, article)

  • HTML5 form input types

  • HTML5 elements

Day 10 : HTML dividers

We discuss one of the most popular appearing html tags you see on modern websites today, as well as compare it to another tag that provides the same function:

  • HTML tags - (<div>, <section>)

Day 11 : HTML audio part 1

Learn anything and everything related to audio files in HTML:

  • Audio

  • Audio vs sound

  • Audio file extensions

  • Audio in HTML

Day 12 : HTML audio part 2

Continuation of day 15, Learn how to write the html code needed to get an audio file on your webpage.

  • HTML elements - (audio)

  • HTML tags - (<audio>)

  • HTML attributes - (control, src)