codex-lv2-may-2025

Level Navigation: 0

1

2

3

Current Level: 4

5

6

7

8

9

---

---

Lesson: Text Content

🎯 Objective

Add text content using Emmet’s text and multiplication shortcuts.

---

✅ Step 8: Add Text Content

• Type:

p{my paragraph la la la} + [TAB]

• Then:

p{la la la}*3 + [TAB]

What happened? Click to see.

Click to see what happened

The first shortcut created `

my paragraph la la la

` with the text inside the curly braces placed between the opening and closing tags. The second shortcut created three paragraphs with the same text using the `*3` multiplication feature!

✅ Commit Reminder:

git add .
git commit -m "Add paragraphs with Emmet text shortcuts"
git push

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

---

✅ Summary

You learned how to:

• Add text content using curly braces {}
• Create multiple elements using the multiplication operator *
• Combine text content with element multiplication
• Understand how Emmet handles text placement in elements

These shortcuts help you create more complete and content-rich HTML elements!

---

---

---

---

Level Navigation: 0

1

2

3

Current Level: 4

5

6

7

8

9