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 two-column table 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 two-column table in this HTML Labs HTML lesson (Two-column table).

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.

Two-column table | HTML Labs

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

QuestionHint and solution stay closed until you open them

A table with a header row Drink / Price, then one data row Espresso / 3.

Examples

Example 1

Expected

th Drink, th Price, td Espresso, td 3

Hint

tr for a row, th in the header, td in the body.

Show correct code

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

<table>
  <tr><th>Drink</th><th>Price</th></tr>
  <tr><td>Espresso</td><td>3</td></tr>
</table>

index.htmlLive preview · Check reads the DOM

ResultIdle

Run to see output. Check grades the tests.