Lecture 3: HTML Nested Lists & Tables: The Complete Guide with 10 Detailed Examples

🎥 Full Video Lecture

1.1. Nested List (Example 1)

📖 Notes:

A nested list is a list that contains one or more other lists as its elements, creating a hierarchical structure of data. This concept is used in various contexts, such as HTML to structure content, and programming languages like Python to build complex data types like matrices or to group related sub-items within a larger list.

nex1

🎥 Watch:

1.2. Nested List (Example 2)
nex2

🎥 Watch:

1.3. Nested List (Example 3)
nex3

🎥 Watch:

1.4. Nested List (Example 4)
nex4

🎥 Watch:

1.5. Nested List (Example 5)
nex5

🎥 Watch:

1.6. Homework 1 & 2
nexhw1 nexhw2

2. Introduction to HTML Tables

📖 Notes:

A table is a structured set of data made up of rows and columns (tabular data). A table allows you to quickly and easily look up values that indicate some kind of connection between different types of data, for example a person and their age, or a day of the week, or the timetable for a local swimming pool.
Introduction to HTML Tables

🎥 Watch:

2.1. Table Example 1
Table Example 1

🎥 Watch:

2.2.Table Example 2
Table Example 2

🎥 Watch:

2.3. Table Example 3
Table Example 3

🎥 Watch:

2.4. Table Example 4
Table Example 4

🎥 Watch:

2.5. Table Example 5
Table Example 4

🎥 Watch:

2.6. Table Homework
Table Homework

🎥 Watch: