codex-lv2-may-2025

Level Navigation: 0 Current Level: 1 2 3 4 5 6 7 8 9


Lesson: Basic HTML Boilerplate

🎯 Objective

Learn to generate the basic HTML structure using Emmet’s ! shortcut.


âś… Step 3: Generate a Basic HTML Boilerplate

In index.html:

! + [TAB]

What happened? Click to see.

Click to see what happened

This should have auto-generated the basic HTML structure for you page. This is often called "boilerplate".

âś… Step 4: Update the Page Title

<title>CS Rocks!</title>

âś… Commit Reminder:

git add .
git commit -m "Add HTML boilerplate"
git push

🔄 Workflow Reminder: Remember to save (Ctrl + S) and refresh (Ctrl + R) as you make changes!


âś… Summary

You learned how to:

The ! shortcut is one of the most useful Emmet shortcuts for starting any HTML project!





Level Navigation: 0 Current Level: 1 2 3 4 5 6 7 8 9