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 numbered steps 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 numbered steps in this HTML Labs HTML lesson (Numbered steps).

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.

Numbered steps | 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 ordered list of three steps: Mix, Bake, Cool.

Use <ol> (not <ul>) so the browser numbers the steps 1, 2, 3 automatically.

Output. An ol with three li items.

Examples

Example 1

Expected

ol with three li: Mix, Bake, Cool

Hint

<ol> wraps the <li> items.
You do not type the numbers — the ol adds them.

Show correct code

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

<ol>
  <li>Mix</li>
  <li>Bake</li>
  <li>Cool</li>
</ol>

index.htmlLive preview · Check reads the DOM

ResultIdle

Run to see output. Check grades the tests.