Objectives

• Understand and apply HTML tags for text formatting (e.g., bold, italic, strong, emphasized, underline, and more).

• Differentiate between structural and formatting tags.

• Collaborate to create a webpage showcasing various text formatting options.

Artificial Intelligence (AI)

Artificial Intelligence (AI) refers to the simulation of human intelligence in machines that are programmed to think and learn.

AI has applications in various fields, such as healthcare, finance, and autonomous vehicles.

It uses algorithms and data to make decisions, improving efficiency and accuracy.

As technology advances, AI continues to evolve, influencing how we interact with the world.

Formatted Text

Artificial Intelligence (AI) refers to the simulation of human intelligence in machines that are programmed to think and learn. AI has applications in various fields, such as healthcare, finance, and autonomous vehicles. It uses algorithms and data to make decisions, improving efficiency and accuracy. As technology advances, AI continues to evolve, influencing how we interact with the world.

Plain Text

Text is Boring—Or is it?
Which page looks more interesting and readable? Why?

Individual/Pair Exploration using W3Schools




Experiment with at least four formatting tags: bold, italic, strong, emphasized, break, horizontal line/rule, and underline.

https://www.w3schools.com/html/html_formatting.asp

Collaborative Activity: Create a Story
Formatted Story

Each group will create a short story, school appropriate (4-5 sentences) in HTML, applying text formatting tags to make the story visually engaging.

• One student writes the beginning, another writes the middle, and a third writes the ending.

• You should use a variety of tags such as <b>, <i>, <u>, <strong>, <em>, <br>, <hr> and others like <mark> (for highlighting text) and <small> (for small print).

Showcase & Reflection

• How does formatting text change the way information is perceived?

• Review the importance of using formatting tags for both clarity and aesthetics. These tags make web content more accessible and engaging.

Reflection

• Groups present their formatted stories by sharing their screens.

• Have students discuss which formatting tags they used and why.

Story Showcase

​<p>This is an <b>important</b> and <i>interesting</i> sentence, and it should be <u>underlined</u> for emphasis.</p>