3 HTML Text Styles

HeatherHTML2 Comments

In pure HTML, there are three options available for styling our text – bolding, italicizing, and underlining.

Bold

To bring more emphasis to a piece of text on our webpage, we have the option to add a bold style to a span of text.

Example:

This text is bold, and this is not.

As you can see above, any text put between the starting  <b> tag and the ending  </b> tag has had a bold effect applied to it.

We usually only want to add bold text to text where typical presentation rules would call for it, such as bringing out a keyword in a summary, or a product’s name in a review.

Italicize

Italic text can also be created in pure HTML by using the <i> element. Italics are used to differentiate a particular range of text from the rest, such as emphasizing a foreign phrase, a technical term, or a thought.

Example:

The phrase Veni, vidi, vici is often mentioned in literature

Underlining

Finally, we can underline text on our webpages by using the underline element. The  <u> element should be used when certain text should be different from normal text stylistically, such as a misspelled word.

Example:

This is a parragraph.

Since hyperlinks in HTML are also most often underlined, be careful to not use the  <u> element on text that could be misinterpreted as a hyperlink. This is to avoid confusion for visitors to your webpage.

2 Comments on “3 HTML Text Styles”

  1. Moses

    Nice post. I learn something totally new and challenging on sites I stumbleupon everyday.
    It will always be interesting to read through content from other writers and practice
    a little something from their websites.

Leave a Comment