From the course: Practical HTML for No-Coders
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Understanding nesting lists
From the course: Practical HTML for No-Coders
Understanding nesting lists
- [Instructor] It's possible that you'll want to have a few layers of lists. When your bullets have bullets, it's time to think about a nested list. Nested lists aren't hard to code. You're going to code two lists, basically speaking. You just need to place the second list inside of the first. And there's one very important trick to doing that. So let's go through how we might code a nested list. In this case, we have information here about the H+ power protein bars. And, you see here, we have three flavors of these bars: Peanut Butter, Lemon, and Chocolate. And they have different allergens that are associated with these particular flavors. In the case of Peanut Butter and Chocolate, we have Soy and Peanuts as the allergens. And for Lemon, our allergens are Eggs and Milk. So, this would be an unordered list. It doesn't matter what order the flavors of protein bar go in. It doesn't matter what order the allergens go in.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
What is HTML and how is it structured?4m 35s
-
Understanding headings and paragraphs7m 45s
-
(Locked)
Understanding lists6m 44s
-
(Locked)
Understanding nesting lists4m 5s
-
(Locked)
Creating links that go to another website4m 50s
-
(Locked)
Creating links within a page7m 31s
-
(Locked)
Challenge: What's wrong with this markup?2m 23s
-
(Locked)
Solution: What's wrong with this markup?7m 10s
-
(Locked)
Linking to PDF files4m 51s
-
(Locked)
Understanding images4m 53s
-
(Locked)
Implementing images5m 6s
-
(Locked)
Creating figures and figure captions4m 24s
-
(Locked)
Quoting text3m 24s
-
(Locked)
Understanding tables5m 24s
-
(Locked)
Working with classes, div, and span6m 54s
-
(Locked)
Posting a video in HTML4m 13s
-
(Locked)
Challenge: Marking up text2m 20s
-
(Locked)
Solution: Marking up text2m 33s
-
-