04. Corporate Talッ

# Text Formatting

Now that we know how to display basic text, how do we bold sentences, italicize new words, underline important phrases, and more? 🔡

To do that, we need text formatting elements! They make default texts look fancier.

Here are some common ones:

• <b> element to bold text.
• <i> element to italicize text.
• <u> element to underline text.
• <s> element to strikethrough text.

This is how they are used:

<b>This text is using bold formatting.</b><br>
<i>This text is using italics formatting.</i><br>
<u>This text is using underline formatting.</u><br>
<s>This text is using strikethrough formatting.</s><br>

The result looks like this:

Note: The <b> element is just for bolding text stylistically; HTML also has a <strong> element used to convey that the content inside is important, as well as styling it to be bold.

Here are all four tags in action in a classroom announcement:

<p>This is the reminder that the <i>final exam</i> is <b>mandatory</b>.<br>
It will be held on <u>Monday, October 14th</u> at <s>7PM</s> 8PM EST.</p>

This will look like:

Note: The tags above are good for learning how to style text with basic HTML, but are no longer best practice. Other ways to style text will be covered in the CSS course.

Instructions

Suppose you have a soul-sucking corporate job where you take notes in executive meetings. 😵‍💫

Can you recreate the exact format of the corporate jargon below in corporate.html using <p>, <b>, <i>, <s>, and <u> tags?

Here's the copy:

Cutting Down, Ramping Up: We have a robust strategy for low-hanging fruits mission-critical objectives that move the needle at all costs. It's time to double down on revenue growth while cutting costs. This is a win-win initiative, a win for us and our amazing shareholders!

P.S. After several strong sales months, we are printing Employee Appreciation Tees! Will go on sale Monday.

Help

Progress not saved

Sign In or Sign Up in order to save all the hard work you've done!

Get a Hint Show Hint

New Item Unlocked!

Rubber Duck NEW

Rubber duck debugging is a classic technique used by developers to debug code. By explaining the code line-by-line to a rubber duck, you can break down the code into smaller pieces, and potentially identify the error.

... It's silly, we know.

Continue Learning

New Item Unlocked!

Codédex BotNEW

I’m a coding mentor bot built with GPT-4 👋. I’m here to answer any questions related to programming, Codédex, and much more.

Continue Learning

New Item Unlocked!

Editor Themes NEW

Congrats! You unlocked Editor Themes. You can now change the theme of the editor to your liking.

Continue Learning

FEATURE UNLOCKED!

You have 100 XP! This means you can now join our Discord community to chat and hang out with fellow learners and the team behind Codédex!
See you there. 😊

BackJoin Discord

FEATURE UNLOCKED!

You have 250 XP! This means you can now join our On-Platform community to chat and hang out with fellow learners!
Say hi in the Introductions channel. 😊

Join Community

Welcome to the General Assembly x Codédex experience!

Complete the following mandatory chapters:
HTML Chapters 1-2, CSS Chapters 1-2, and JavaScript Chapters 1-2.

You will submit the code in the last exercise of each of the chapters:

HTML

Exercise 7: Favorite Band

Exercise 14: MySpace Top 8

CSS

Exercise 5: Concert Flyer

Exercise 12: Invitation

JavaScript

Exercise 5: Receipt

Exercise 10: Planet Weight

Once you've completed all of them, you can submit your work
and tell us about your experience!

Submit