Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
2 views

HTML_Lesson 02

This document outlines a lesson on HTML focusing on paragraph, heading, and text formatting tags. It includes learning objectives, explanations of HTML elements, examples of code, and tasks for creating an HTML document. The lesson also emphasizes peer sharing and reflection on coding challenges and strategies.

Uploaded by

Rayan Rizwan
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views

HTML_Lesson 02

This document outlines a lesson on HTML focusing on paragraph, heading, and text formatting tags. It includes learning objectives, explanations of HTML elements, examples of code, and tasks for creating an HTML document. The lesson also emphasizes peer sharing and reflection on coding challenges and strategies.

Uploaded by

Rayan Rizwan
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

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.

You might also like