Embedded Files
Day 1: What is HTML? + Basics
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
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)
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
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)
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
Day 6 : Trivia game & Quiz day
Trivia and Quiz covers content of day 1- 5:
Content from day 1 - 5
Day 7 : HTML forms
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
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
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
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
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
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)
Page updated
Report abuse