HTML texts can be formatted using specific HTML elements like <b> and <i> to make the text bold or italic. Some of the elements have special meaning while some are for plain stylings only.
These text formatting elements are displayed in the table below.
| HTML Element | Example | Result | Meaning |
|---|---|---|---|
| <b> | <b>Bold</b> | Bold | Plain Bold text |
| <strong> | <strong>Strong</strong> | Strong | Bold text with high importance |
| <i> | <i>Italics</i> | Italics | Plain Italic text |
| <em> | <em>Emphasized</em> | Emphasized | Italic text with high importance |
| <u> | <u>Underlined</u> | Underlined | Underlined text |
| <mark> | <mark>Mark</mark> | Mark | Highlighted text |
| <small> | <small>Small</small> | Small | Smaller text |
| <del> | <del>Del</del> | Deleted text | |
| <ins> | <ins>Inserted</ins> | Inserted | Inserted text |
| <sup> | x<sup>2</sup> | x2 | Superscript text |
| <sub> | H<sub>2</sub>O | H2O | Subscript text |
The HTML <q> element is used for short quotation. Browsers display contents inside a <q> element within quotation marks
Webtrickshome's goal is to: <q>Help beginners learn web design and development easier and faster.</q>
Result:
Webtrickshome's goal is to: Help beginners learn web design and development easier and faster.
The HTML <blockquote> element defines a content that is quoted from another source. Browsers indent <blockquote> elements.
Here's a quote from Magical Trekkers.
<blockquote cite="https://www.magicaltrekkers.com/travel-for-a-cause"> At Magical Trekkers, we firmly believe that humanity begins at home which is why we donate a part of our earnings to improve the medical, educational and environmental status of Nepal. </blockquote>
Result:
At Magical Trekkers, we firmly believe that humanity begins at home which is why we donate a part of our earnings to improve the medical, educational and environmental status of Nepal.
The HTML <abbr> element defines an abbreviation or an acronym. Marking abbreviations can give useful information to browsers, translation systems and search-engines while enhancing readability of any article. <abbr> is generally followed by the title attribute where the full form of the content is placed.
<abbr title="United Nations High Commissioner for Refugees">UNHCR</abbr> was founded in December 14, 1950.
Result:
UNHCR was founded in December 14, 1950.
The HTML <cite> element defines the title of a work. Browsers display <cite> elements in italic.
<cite>Self-portrait, The Desperate Man</cite> by Gustave Courbet.
The HTML <bdo> element defines bi-directional override. It is used to override the current text direction
<bdo dir="rtl">This text will be written from right to left</bdo>
Comment tags are used in HTML to insert comments in the HTML source code. These comments are not displayed in the browser but are highly useful to keep the source code properly documented. Comments can be used to add notices or reminders in a HTML file. Comments can be useful on debugging HTML by commenting blocks of HTML codes and locate the errors.
Syntax
<!-- Write your comments here -->
Leave a comment