What is the StudyGrid HTML tutorial?

The StudyGrid HTML tutorial is a full beginner track: tags, headings, links, images, tables, layout, forms, and media. Each chapter has copy-and-run examples.

Should I run menu list examples locally for better learning?

Yes. Use the browser editor on StudyGrid for a quick check, then Download the example and run it on your computer. Local runs show real errors and the real toolchain, which is one of the fastest ways to learn menu list in this HTML Labs HTML lesson (Menu list).

Is the HTML editor the same as Try Python?

No. Try HTML is a live page preview at /html/try. Try Python stays at /try and runs Python. HTML lessons never open the Python editor.

Do I need to install anything to learn HTML?

No. Open a chapter, click Try it in HTML, and the page preview updates in the browser. You can also download a .html file and open it locally.

Where should I start the HTML tutorial?

Start at HTML Intro, then Basic, Elements, and Attributes. After the first document, continue to headings, links, and forms. Use Next at the bottom of each chapter.

Is the HTML tutorial free?

Yes. The HTML studio on StudyGrid (studygrid.in) is free: dashboard, chapters, and the live preview editor.

Menu list | HTML Labs

Read the question, write HTML on the right, then Preview or Check.

QuestionHint and solution stay closed until you open them

Make an unordered list with three items: Espresso, Tea, Water.

Examples

Example 1

Expected

ul with three li items

Hint

ul wraps li. Each drink is one li.

Show correct code

Peek only after you have tried. You can still Check your own version.

<ul>
  <li>Espresso</li>
  <li>Tea</li>
  <li>Water</li>
</ul>

index.htmlLive preview · Check reads the DOM

ResultIdle

Run to see output. Check grades the tests.