FORMATTING TOOLS /// MARK TEXT /// SUB & SUP /// EDITS TRACKING /// FORMATTING TOOLS /// MARK TEXT /// SUB & SUP /// EDITS TRACKING /// FORMATTING TOOLS /// MARK TEXT /// SUB & SUP /// EDITS TRACKING ///

Text Formatting

Learn to highlight, shrink, and offset text using HTML's formatting tags.

formatting.html
1 / 12
12345
🎨

Tutor:Text formatting in HTML isn't just about looks. It's about meaning. While CSS handles the design, HTML provides tags to define specific types of text, like bold, italic, or deleted content.


Skill Matrix

UNLOCK NODES BY LEARNING NEW TAGS.

Concept: Formatting

HTML offers tags to format text without CSS. These include <mark>, <small>, and more.

System Check

Which tag is best for highlighting relevant text?

Community Holo-Net

Snippet Exchange

ACTIVE

Share your most creative uses of the <del> and <ins> tags.

Support Us

HTML Text Formatting

Author

Pascual Vila

Frontend Instructor // Code Syllabus

HTML contains several elements for defining text with a special meaning. Formatting tags give text visual cues that usually align with their semantic meaning.

Highlighting & Size

The <mark> element defines text that should be marked or highlighted. The <small> element defines smaller text, often used for copyright notices or side comments.

Deletions & Insertions

The <del> element defines text that has been removed from a document (rendered as a strike-through). The <ins> element defines a text that has been added (rendered as underlined).

Subscript & Superscript

The <sub> element defines subscript text (like H2O). The <sup> element defines superscript text (like E=mc2).

View Full Transcript+

This section contains the detailed usage for mark, small, del, ins, sub, and sup tags. It emphasizes the importance of using these tags for their semantic meaning rather than just for visual styling, which should ideally be handled by CSS.

Formatting Glossary

mark
Represents text highlighted for reference purposes due to its relevance in a particular context.
example.html
del / ins
del defines removed text (strikethrough), while ins defines added text (underline).
example.html
sub / sup
sub (subscript) lowers text; sup (superscript) raises it. Ideal for math/science.
example.html
small
Used for side-comments, legal text, or copyright notices. Renders text smaller.
example.html