Overview
HTML text can be made bold, italicized, or underlined, which are just three of the many options available to indicate how text should look in the browser.
| Tag | Description | How Usually Shown |
|---|---|---|
| <b> | Bold text (without any extra importance) | Bold |
| <strong> | Bold text (with strong importance) | Bold |
| <i> | Italicized text (usually used to indicate a technical term or phrase) | Italic |
| <em> | Emphasized text (a term or phrase you want to stand out with emphasis) | Italic |
| <u> | Underlined text | Underlined |
| <mark> | Marked text (highlighted text) | Highlighted |
| <small> | Smaller text (text smaller than the surrounding text) | Smaller |
| <del> | Deleted text (text that has been deleted but remains for historical purpose) | Line through |
| <ins> | Inserted text (text inserted after the initial posting) | Underlined |
| <sub> | Subscript text (text that sits a half character below the surrounding text) | H20 |
| <sup> | Superscript text (text that sits a half character above the surrounding text) | WWII[6] |
<b>This text is bold.</b>
<strong>This text is important!</strong>
<i>This text is italicized.</i>
<em>This text is emphasized.</em>
<u>This text is underlined because it is missspelled.</u>
<p>Do not forget to <mark>pick up the kids</mark> today.</p>
<small>This is some smaller text.</small>
<p>My favorite dog is the <del>pug</del>.</p>
<p>My favorite dog is the <del>chihuahua</del> <ins>pug</ins>.</p>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>This text is important!
This text is italicized.
This text is emphasized.
This text is underlined because it is missspelled.
Do not forget to pick up the kids today.
This is some smaller text.My favorite dog is the pug.
My favorite dog is the chihuahua pug.
This is subscripted text.
This is superscripted text.
Note
For text that you simply want to underline, you should wrap it in a <span> tag and use CSS to format it.
Note
Various browsers may display these tags differently than one another. However, just like any element, they can be styled using CSS for better conformity.
HTML Notes:
- In our HTML section the term “tag” and “element” are often used interchangeably to refer to both the tag used to create a page element and the element created by the tag (<p> tag = <p> element = paragraph on the page)
- HTML5 is not case sensitive; so <P> is the same as <p>, <H1> is the same as <h1>
- Global attributes can be used with all HTML tags and are therefore not mentioned on every tag page
- To write clean, readable HTML code, it is best to use indentation whereas elements within elements are indented (tabbed or spaces) to create something that looks like a project outline
- The browser will automatically remove any extra spaces and lines in your HTML code when the page is displayed
- Double quotes or single quotes can be used around HTML attribute values, but when the attribute value itself contains one form of quote, it will be necessary to use the other around the attribute
We’d like to acknowledge that we learned a great deal of our coding from W3Schools and TutorialsPoint, borrowing heavily from their teaching process and excellent code examples. We highly recommend both sites to deepen your experience, and further your coding journey. We’re just hitting the basics here at 1SMARTchicken.