Text Formatting
Bold, italicize, and underline your text.
Text Formatting is a free HTML for Kids lesson on CoddyKit — lesson 4 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the HTML for Kids learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
1
Text Formatting
Welcome to the next lesson! Today, we’ll learn how to format text in HTML to make it bold, italic, underlined, and much more. Let’s get started!
2
Why Format Text?
Text formatting helps you:
- Emphasize important information.
- Make your web page easier to read.
- Enhance the visual appeal of your content.
Let’s explore the different ways to format text in HTML!
3
Making Text Bold
Use the <strong> or <b> tag to make text bold. Both work similarly, but <strong> is used for important text.
Example:
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
4
Italicizing Text
Use the <em> or <i> tag to italicize text. <em> adds emphasis, while <i> is purely for styling.
Example:
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
5
Underlining Text
Use the <u> tag to underline text.
Example:
<p>This is <u>underlined</u> text.</p>
6
Strikethrough Text
Use the <del> or <s> tag to show strikethrough text. This is useful for marking text as deleted or incorrect.
Example:
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
7
Combining Formatting
You can combine multiple formatting tags to style your text in different ways.
Example:
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
8
Try It Yourself
Let’s create a web page with formatted text. Here’s an example:
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
9
10
Great Job!
Congratulations! You’ve learned how to format text in HTML using bold, italic, underline, and other styles. Text formatting helps emphasize important content and improves readability. In the next lesson, we’ll move on to best practices for writing clean and organized HTML. Get ready to polish your coding skills!
Frequently asked questions
Is the “Text Formatting” lesson free?
Yes — the full text of “Text Formatting” is free to read here on the web, and the HTML for Kids course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the HTML for Kids course, upgrade to CoddyKit PRO.
What will I learn in “Text Formatting”?
Bold, italicize, and underline your text. You practise HTML for Kids with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start HTML for Kids?
No prior experience is required. HTML for Kids on CoddyKit is structured for beginners through advanced learners; this is — lesson 4 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Text Formatting” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this HTML for Kids lesson?
Yes. Every HTML for Kids lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Inline Styles
- CSS Basics
- Colors and Backgrounds
- Text Formatting