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 html video 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 html video in this HTML Labs HTML lesson (An embedded video).

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.

An embedded video | HTML Labs

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

QuestionHint and solution stay closed until you open them

Embed a <video> with playback controls and a <source> pointing to promo.mp4 (type video/mp4).

The controls attribute gives the viewer play, pause, and volume; the <source> tells the browser which file to play.

Output. A video with controls and an mp4 source.

Examples

Example 1

Expected

<video controls><source src="promo.mp4" type="video/mp4"></video>

Hint

Add the boolean attribute controls to <video>.
Put a <source src="promo.mp4" type="video/mp4"> inside.

Show correct code

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

<video controls width="320">
  <source src="promo.mp4" type="video/mp4">
</video>

index.htmlLive preview · Check reads the DOM

ResultIdle

Run to see output. Check grades the tests.