HTML-Lesson 02
HTML: Paragraph,
Heading, and Text
Formatting Tags
Learning Objectives:
• Apply basic text formatting tags to style content in HTML.
• Create a simple HTML document using headings, paragraphs, and text
formatting.
Starter: What Do You Already Know?
• Question: What is HTML, and why is it important in web development?
• Task: Pair up and discuss what you think HTML is used for in creating web
pages. Write down your ideas on a sticky note and share with the class.
What are HTML Headings?
• Explanation: HTML headings range from <h1> (most important) to <h6>
(least important).
• Example:
• <h1>This is an H1 Heading</h1>
• <h2>This is an H2 Heading</h2>
•.
What is an HTML Paragraph?
• Explanation: HTML paragraphs are created using the <p> tag to define
blocks of text.
• Example:
• <p>This is an HTML paragraph.</p>
Basic Text Formatting Tags in HTML
• Bold Text: <b> or <strong> Underlined Text: <u>
Example:
• Example:
<u>This text is underlined.</u>
• <b>This text is bold.</b>
Line Break: <br>
• Italic Text: <i> or <em> Example:
This is text<br>on a new line.
• Example:
• <i>This text is italic.</i>
Writing HTML Code for Headings, Paragraphs, and
Formatting
• <html>
• <body>
• <h1>My First HTML Page</h1>
• <p>This is a <b>bold</b>, <i>italic</i>, and <u>underlined</u> sentence.</p>
• <h2>Subheading</h2>
• <p>This is another paragraph with a <br> line break.</p>
• </body>
• </html>
Must Task: Create Your HTML Document
• Task: Create a simple HTML document that includes:
• 1. A main heading (<h1>)
• 2. At least two subheadings (<h2>, <h3>)
• 3. Paragraphs with some text
• 4. Apply bold, italic, and underlined formatting to parts of the text.
Example:
• <h1>My First HTML Page</h1>
• <h2>Introduction</h2>
• <p>This is a <b>bold</b> and <i>italic</i> paragraph.</p>
• <h3>Details</h3>
• <p>This is an <u>underlined</u> sentence.</p>
Mini Plenary: Show and Share
• Task: Share your HTML code with a partner. Discuss what tags you used and why.
• Question: What challenges did you face while coding? How did you overcome them?
• What strategies did you use to solve problems? What could you do
differently next time?
Activity: Challenge Yourself and continue with the MUST Task to
complete your group task.
• Task 1 (Support): Add more paragraphs and practice using <b>, <i>, <u>,
and <br> tags with different sentences.
• Task 2 (Extend): Create a short bio about yourself using different heading
levels and at least three different formatting tags. Use <br> to add line
breaks within a paragraph.
Plenary: Quiz and Reflection
Assessment Rubric
• - Level 1 (Beginning): Limited understanding and use of tags, incomplete code.
• - Level 2 (Developing): Basic use of tags with some errors, simple structure.
• - Level 3 (Proficient): Correct and effective use of tags, well-structured code.
• - Level 4 (Advanced): Creative use of tags, excellent structure, and peer
engagement.
