How to Create HTML Unordered Lists Step By Step Tutorial

Step by Step Visual Workbook on how to create unordered bulleted lists for beginning HTML learners. This provides the foundation for learning all HTML lists and how they work together. Not just a simple ul and li demo, but goes into using the web browser developer tools to uncover the styling and layout dynamics of the HTML list elements.

Learn More HTML Skills

What is Covered?

Uses a very easy to build list and nested list that is quick to create. The following items are covered:

Understanding the Relationship of the ul and li HTML elements.
Identifying allows and disallowed list element contents.
Building single level and multiple level lists.
Understanding the default padding and bullet positioning.
Knowing the default bullet shapes and how they are applied.
Exploring the CSS list-style-type element.
View and test with web browser and web browser developer tools

Who Should Take This Tutorial?

This is designed for anyone who is learning about HTML for the first time and wants to get the foundation of how HTML list elements work out of the box. Sets the groundwork for learning the ol number list element.

What Do You Need to Follow this Tutorial?

Web browser: You can use any web browser.
Visual Step by Step Workbook: Download
Follow Along Practice Files: Download

Home Courses Contact Blog