HTML Formatting
Duration : 00:03:00
Text Formatting Elements
HTML offers various text formatting elements like `<b>`,<i>`, `<u>`, etc., to add emphasis or style to text content.
Example
<p><b>Bold</b>, <i>italic</i>, and <u>underlined</u> text.</p>
Paragraph Element (p)
The paragraph element is used to define a block of text. It creates a new line before and after the content.
Example
<p>This is a paragraph.</p>
Emphasis Element (em)
The emphasis element represents text with emphasis, usually displayed in italics by default. It helps convey stress or importance.
Example
<p>He <em>really</em> enjoyed the movie.</p>
Strong Element (strong)
The strong element is used to indicate strong importance or emphasis, typically displayed in bold by default.
Example
<p>This is a <strong>critical</strong> issue.</p>
Bold text (b)
This element is used to make text bold for visual emphasis.
Example
<p>This <b>text</b> is bold.</p>
Italic text (i)
This element is used to italicize text for stylistic purposes.
Example
<p>This is <i>italic</i> text.</p>
Marked text (mark)
Used to highlight or mark text for reference or emphasis.
Example
<p><mark>Highlighted</mark> section of text.</p>
Bigger Text (big)
The <big> element is used to make text appear larger than the surrounding text.
Example
<p>This is <big>bigger</big> text.</p>
Smaller text (small)
It is used to make text appear smaller than the surrounding text.
Example
<p>This text is <small>smaller</small>.</p>
Deleted text (del)
Indicates text that has been deleted or removed.
Example
<p><del>Deleted</del> content here.</p>
Inserted text (ins)
Used to mark text that has been added or inserted.
Example
<p><ins>Inserted</ins> text in this paragraph.</p>
Subscript text (sub)
Renders text as a subscript, typically used for chemical formulas.
Example
<p>H<sub>2</sub>O is water.</p>
Superscript text (sup)
Renders text as a superscript, often used for footnotes or exponents.
Example
<p>E=mc<sup>2</sup> is the famous equation.</p>HTML Comments
HTML comments are used to add notes or remarks within the code that won't be displayed on the webpage. They are helpful for developers to document their code or temporarily disable sections.
Example
<!-- This is a comment in HTML -->
Blockquote for quotations (blockquote)
The <blockquote> element is used to indicate that a section of text is a longer quotation that has been extracted from another source. It is often styled with indentation or other formatting to distinguish it from the surrounding text.
Example
<blockquote>
<p>Life is what happens when you're busy making other plans.</p>
<cite>John Lennon</cite>
</blockquote>
Short Quotations(q)
The <q> element is used to define a short inline quotation. Browsers typically add quotation marks around the content enclosed within the <q> element.
Example
<p>He said, <q>Be yourself; everyone else is already taken.</q></p>
Abbreviations (abbr)
The <abbr> element is used to define an abbreviation or acronym, providing a full explanation or expansion of the abbreviated term when the user hovers over it.
Example
<p>HTML stands for <abbr title="HyperText Markup Language">HTML</abbr>.</p>
Address for Contact Information (address)
The <address> element is used to provide contact information for the author or owner of a webpage. It can also be used to mark up contact information within the content.
Example
<address>
<p>Contact us at: <a href="mailto:info@example.com">info@example.com</a></p>
</address>Work Title(cite)
The <cite> element is used to indicate the title of a creative work (e.g., a book, movie, or song) or the name of the source of a quotation.
Example
<p>She recommended the book <cite>The Catcher in the Rye</cite> by J.D. Salinger.</p>Bi-Directional Override (bdo)
The <bdo> element is used for bi-directional text override. It is used to explicitly specify the direction of text (left-to-right or right-to-left) within text that is embedded in a different directionality context.
Example
<p><bdo dir="rtl">This text is right-to-left</bdo></p>Still have some questions? Let's discuss.
CONTACT US