Bold and Italic Text
Part of the Fundamentals section of Coddy's HTML journey — lesson 9 of 60.
In HTML, you can style text easily!
- Make it bold with
<strong> - Make it italic with
<em>
These tags help emphasize important words and make them stand out!
<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>In this example, the word “bold” will be displayed in bold. The word “italic” will be displayed in italics.
Challenge
EasyThere's a famous quote by John Archibald Wheeler—and we can't disagree with it! But we can style it.
- Wrap "difficulty" in
<strong>to make it bold. - Wrap "opportunity" in
<em>to make it italic.
Cheat sheet
Style text with emphasis tags:
- Make text bold with
<strong> - Make text italic with
<em>
<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>Try it yourself
<!DOCTYPE html>
<html>
<body>
<!-- Write code here -->
<p>In the middle of every difficulty lies opportunity.</p>
</body>
</html>
Test yourselfThis lesson includes a short quiz. Start the lesson to answer it and track your progress.
All lessons in Fundamentals
2Text and Formatting
HeadingsParagraphsLine BreaksBold and Italic TextBold and Italic AgainRecap - Formatting8Forms and Inputs Part 1
Form BasicsText InputsInput AttributesPassword FieldLabels for InputsRecap - Basic Form11Event Registration Page
Project OverviewHeader Section
Event Details SectionRegistration FormFooter Section9Forms and Inputs Part 2
Radio ButtonsCheckboxesDropdownsButtonsButtons in FormsRecap - Forms #1Recap - Forms #2