Test Your Skills with HTML Ordered Lists: 7-Level Nesting Challenge

This post’s video is no longer on YouTube. The notes below are the post.

Introduction

Zaions family! Welcome back to another gripping episode. Today, it's all about putting your skills to the test! We've designed a 7-Level Ordered List Challenge to gauge how much you've learned about HTML-ordered lists.

About The Challenge

In this unique challenge, you'll be using HTML to create a 7-level nested ordered list. Each level has specific requirements:

Level 1: Use numbers

Level 2: Use capital Roman characters

Level 3: Use small Roman characters

Level 4: Use capital alphabets

Level 5: Use small alphabets

Level 6: Use small Roman characters

Level 7: Use capital Roman characters

And guess what? You'll be using the type attribute on the ol tag to achieve all this!

Why This Challenge Matters

This challenge is designed to test and reinforce your understanding of ordered lists, and the versatile ways in which they can be used for effective web design.

Want us to build yours instead?

On a project, every milestone ends with a link to the working build, and the code, the accounts and every password are yours at the handover.

What we’d build for you is on Services.

Send us the brief, or start with the free call.

Page updated .

Privacy preferences

Choose whether this browser sends visit data to our analytics tools. The site works the same either way.

Google Analytics, Amplitude and Microsoft Clarity show us which pages get read. Off means none of the three loads.

Always on

Sentry error reports, with personal data removed, and the Cloudflare spam check on the brief form.

Each cookie is listed in our Cookie Policy.