Python Text Formatting & Emphasis
HTML gives you semantic tags to express meaning and emphasis: <strong> for importance, <em> for vocal stress, <mark> for yellow highlighting, <code> for inline code, and <del> for strikethrough.
"Imagine reading a recipe. <strong> is "DO NOT TOUCH THE HOT PAN". <em> is "freshly ground pepper (not canned)". <code> is "add 5ml". <del> is "<s>sugar</s> honey"."
Deep Dive: How It Works
<strong> vs <b>: <b> only makes text bold visually, while <strong> tells screen readers and search engines: "This text is critically important!"
<em> vs <i>: <i> only tilts text into italics, while <em> indicates verbal stress or foreign words.
<mark>: Gives text a classic yellow highlighter pen effect.
<code>: Renders text in a monospaced programmer font like JetBrains Mono.
Syntax Blueprint
<p>This is <strong>important</strong> and this is <code>console.log()</code>.</p>
Use inline semantic tags to highlight words without breaking paragraph flow.
Core Rules to Remember
Common Beginner Traps & How to Fix Them
Using <strong> for entire paragraphsWhy it happens: Thinking bold makes everything more readable.
How to fix: Reserve <strong> for key phrases, warnings, and vital terms.
Live Interactive Example
Hit Run Code to see it liveYour Turn: Micro Challenge
No pressure! Edit the starter code below and test your solution with instant feedback.
Format words with strong and code tags
- Write a <p> tag containing: "Learn <strong>HTML</strong> and <code>CSS</code> today."
Finished reading and practicing?
Mark this lesson as completed to update your course progress.