Emphasis in HTML Text Formatting: Bold, Italics, and Underline

There are many ways to format your text in HTML to bring attention to something. In this post, we’ll talk about how to format your text in HTML to be bold, to be in italics, or to be underlined. You’ll be a formatting pro in no time!

Bold

Setting text to bold in HTML prior to HTML5 involved surrounding the text that you wanted to be bold with tags:

Find your bootcamp match Select Your Interest Your experience Time to start GET MATCHED

By continuing you agree to our Terms of Service and Privacy Policy, and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email.

By continuing you agree to our Terms of Service and Privacy Policy, and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email.

     repl.it  

This text is bold

When the HTML5 Standard was released, the favored way to make text bold changed to using tags:

     repl.it  

This text is also bold

The only difference between the and elements is semantics. Screen readers will see the tags and will explicitly emphasize the text more when it reads it. The does not allow for that.

Italics

Same with bold, there are two different standards that we know of for creating text that is italicized. Prior to the HTML5 standard, italic text was created by encapsulating it in tags.

     repl.it  

This text is in italics

As HTML5 became the standard, the tag made way for the more semantic tag. The “em” is short for emphasis. The tag signals a screen reader to also give more emphasis to the text so that a user can distinguish between normal text and emphasized text.

Underline

HTML underlined text is most often used to indicate misspelled words. Don’t use it in a place that can be confused for a hyperlink. Markup your text with tags to mark it for formatting and then use CSS to indicate the type of underline style you would like.

     repl.it p u 

This is a mispelled word

Conclusion

In this article we discussed many of the formatting tags in HTML. In the case of and , we use them to apply semantics to those elements that, on screen, look bold and italic. On a screen reader, those words are emphasized. With a tag, we can use it to underline text. There are many more formatting options in addition to these three.

About us: Career Karma is a platform designed to help job seekers find, research, and connect with job training programs to advance their careers. Learn about the CK publication.

What's Next?

icon_10

Want to take action?

Get matched with top bootcamps

icon_11

Want to dive deeper?

Ask a question to our community

icon_12

Want to explore tech careers?

Take our careers quiz

Christina Kopecky

About the Author Technical Writer at Career Karma

Christina is an experienced technical writer, covering topics as diverse as Java, SQL, Python, and web development. She earned her Master of Music in flute performance from the University of Kansas and a bachelor's degree in music with minors in French an. read more about the author

Share This Jul 16, 2020 -->

Leave a Reply Cancel reply

Apply to top tech training programs in one click

Apply to top tech training programs in one click Get Matched © 2024 Career Karma Best Coding Bootcamps Best Online Bootcamps Best Web Design Bootcamps Best Data Science Bootcamps Best Data Analytics Bootcamps Best Cyber Security Bootcamps Best ISA Bootcamps 2020 Comparisons Flatiron School vs Fullstack Academy Hack Reactor vs App Academy Fullstack Academy vs Hack Reactor Thinkful vs General Assembly Flatiron School vs Thinkful General Assembly vs Flatiron School App Academy vs Lambda School General Assembly vs Hack Reactor Springboard vs Thinkful San Francisco Bootcamps New York Bootcamps Los Angeles Bootcamps Chicago Bootcamps Seattle Bootcamps Atlanta Bootcamps Austin Bootcamps Coding Temple Flatiron School General Assembly Springboard Hack Reactor App Academy Software Engineering UX/UI Design Data Science Web Development Mobile Development Cybersecurity Product Management JavaScript

At Career Karma, our mission is to empower users to make confident decisions by providing a trustworthy and free directory of bootcamps and career resources. We believe in transparency and want to ensure that our users are aware of how we generate revenue to support our platform.

Career Karma recieves compensation from our bootcamp partners who are thoroughly vetted before being featured on our website. This commission is reinvested into growing the community to provide coaching at zero cost to their members.

It is important to note that our partnership agreements have no influence on our reviews, recommendations, or the rankings of the programs and services we feature. We remain committed to delivering objective and unbiased information to our users.

In our bootcamp directory, reviews are purely user-generated, based on the experiences and feedback shared by individuals who have attended the bootcamps. We believe that user-generated reviews offer valuable insights and diverse perspectives, helping our users make informed decisions about their educational and career journeys.

Find the right bootcamp for you

By continuing you agree to our Terms of Service and Privacy Policy, and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email.

Select Arrow

Find a top-rated training program