Скачать или смотреть Ordered, Unordered, and Nested Lists

► HTML lists present information in a recognizable, readable, and semantic way.

One common example of the use of lists is the links in a navigation bar at the top of a webpage. We present a list of links to other parts of our page, website, or other locations on the web and use CSS to align them horizontally.

In this video, we define exactly what lists are and we look at a couple of common use cases. We compare the different kinds of lists that we can use - namely, ordered, unordered and nested lists.

Finally, at the end of the video, we put into practice what we have learned to code a familiar list that we all recognize - a recipe!

► Timestamps:
0:00 Start
1:20 Live server
1:39 How we use lists
2:07 Unordered lists
3:13 Using Emmet shortcuts to create list structures
4:36 Ordered lists
5:55 List attributes
6:41 Defining the start value of an ordered list
7:49 Defining a type of ordered list
8:58 Nested lists
10:15 Building a list exercise - pancake recipe
13:43 Summary

► Get the code:
Repo: https://github.com/craigabourne/html-...

► Links used in the video:
W3Schools HTML Lists: https://www.w3schools.com/html/html_l...
Perfect pancakes recipe: https://www.bbcgoodfood.com/recipes/3...

► The HTML for Absolute Beginners Playlist:    • HTML for Absolute Beginners  

► Social Media:
  / craigabourne  
  / craigabourne  

► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne