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>)
HTML page structure
Day 2 : HTML Elements and Attributes
We further expand our knowledge in HTML, and some basic HTMl elements:
HTML elements - (Lists, Images, Bolding, Line Breaking, comments)
HTML tags - (<li>, <b>, <br>, <!-- -->)
What are Attributes? What do they do in HTML? How do you use them? - learn that in todays lesson.
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:
Attributes - (href)
HTML tags - (<a>)
This activity takes place in a virtual class, and is a fun extension to day 4.
Day 4 : HTML tables
We discuss what real world tables and html tables are, as well as their structure:
Table data arrangement
Learn how to build your own table and represent data in HTML.
HTML elements - (Table row, Table header, Table data,)
HTML tags - (<tr>, <td>, <th>)
Day 5 : Styling (CSS)
Learn how to style your html code and make it unique to you:
External CSS files
Internal CSS files
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 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!
HTML elements - (navigation bar)
HTML tags - (<nav>)
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
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 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)