New coding words
headingparagraphbolditalicelement
Web Adventures · Week 2
Text Superpowers
Aim: Use headings, paragraphs and emphasis to organise text.
What the coding words mean
- heading: A title that introduces a page or section.
- paragraph: A block of ordinary text created with <p>.
- bold: Thicker text used to make important words stand out.
- italic: Slanted text used to add emphasis.
- element: A complete piece of HTML, usually containing an opening tag, content and a closing tag.
Code along
Text Superpowers
This code creates an “About Me” webpage with a main heading, a smaller heading, bold text and italic text.
Tab indents. Esc then Tab leaves the editor. Ctrl/⌘ + Enter runs your code.
PreviewYour webpage
What will you create?
Select Run my code to see your webpage here.
Mini project
Space Creature Profile
This code creates a pretend space-creature profile with headings, descriptions, a bold planet name and an italic special power.
Tab indents. Esc then Tab leaves the editor. Ctrl/⌘ + Enter runs your code.
PreviewYour webpage
What will you create?
Select Run my code to see your webpage here.
Your mini-project to-do list
0 of 4 completedComplete these activities in the mini-project editor above. After each change, select Run my code to check your webpage.
Save your finished mini project
Select Download my work and save the file as week_2_space_creature.html. You can open this .html file in a browser to view your webpage.
Debugging detective
Knowledge check
Which tag creates a paragraph?
What is the difference between a heading and a paragraph?
Your answers are checked in this browser and are not submitted.
How are you getting on so far?
My checklist
Finished Web Adventures Week 2?
Your completion and mood are saved only in this browser.