DEV Community

Cover image for HTML Formatting Tags
lalitha-singampalli
lalitha-singampalli

Posted on

HTML Formatting Tags

HTML Formatting Elements

    **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without using CSS. There are many formatting tags in HTML. These tags are used to make text bold, italicized, or underlined. There are almost 14 options available that how text appears in HTML Formatting elements were designed to display special types of text:**
Enter fullscreen mode Exit fullscreen mode

1. : The HTML <b> element defines bold text, without any extra importance.
syntax:
<b>..data..</b>

2.: The HTML <strong> element defines text with strong importance. The content inside is typically displayed in bold.
syntax:
<strong>..data..</strong>

3. : The content inside is typically displayed in ‘Italic’. The <i> tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc..
syntax:
<i>..data..</i>

4. : The HTML <em> element defines emphasized text. The content inside is typically displayed in italic. with an extra importance.
syntax:
<em>…data..<em>

5. : If you write anything within.<u>...</u> element, is shown in underlined text.
syntax:
<u>…data…</u>

6. : HTML <ins> tag is used to represent the newly added text in an HTML document. It usually renders with an underline through the text, but it can be changed using CSS property.
syntax:
<ins>…data….</ins>

7. : HTML <del> tag is used to represent the range of text that has been deleted/removed from the document. The browser generally renders it by strike a line through the deleted text, although this can be changed using the CSS property.
syntax:
<del>..data….</del>

8. : HTML <sup> tag is termed as a superscript tag which is used to define superscript text. The text within tag appears with an upper baseline and renders with smaller font size than surrounding text.
The <sup> tag is useful for defining Mathematical formulas and footnotes.
_ syntax:_
<sup>..data..</sup>

9. : HTML <sub> tag is termed as Subscript tag and which is used to define subscript text. The text within <sub> renders with a lower baseline and with a smaller font than surrounding text font.
The <sub>tag is useful for presenting chemical formulas such as H2O.
syntax:
<sub>..data...</sub>
10. :HTML <mark> tag is used to highlight the some text part inside of another element such as paragraph, for reference or any notation purpose.
This is a newly added tag and introduced in HTML5.
In most of the browser, the text contained with **tag renders with the yellow background, but it can be changed using CSS background-color property.**
_syntax:
<mark>…data…</mark>
11.
: One of HTML's most essential and powerful features is the
tag. With the help of this tag, we can provide a line between a paragraph.
In HTML, when we write any paragraph and need one line of space, we go for
tag.
_syntax:
<div>
….data….<br>
…..data….<br>
<div>
12.


: As a block element in HTML, the <hr> tag fills the whole width of the page and begins a new line. Line breaks are present both before and after block elements. The
element doesn't require a closing tag in HTML.
_syntax
:
<hr>……
13.: HTML <kbd> tag indicates the part of inline text which represents the user keyboard input, voice input, or any other text entry device input.
It is used when a document needs to display the text which user should enter exactly from his keyboard.
syntax:
<kbd>...data...</kbd>
14.
:The HTML <pre> tag is used to specify pre formatted texts. Texts within <pre>.......</pre> tag is displayed in a fixed-width font. Usually it is displayed in Courier font. It maintains both space and line break.
syntax:
<pre>...data...</pre>
15.:HTML <bdo> tag stands for "bidirectional override" which is used to overrides the current/default text direction. This tag sets the direction of content within it to render on browser from left to right or right to left.
The tag is useful for the languages which are written from right to left such as Arabic and Hebrew.
syntax:
<bdo>...data....</bdo>
16.: HTML <code> tag is used to represent computer code. It is a phrase tag which defines a piece of computer code. By default, it is displayed in the browser's default monospace font (also known as fixed-width font).
syntax:
<code>...data....</code>

Top comments (0)