Skip to main content

Inline Element ↔ 🔤Element Flow Content to flow side-by-side

<a>​

Anchor Link Inline Element to anchor text to URL via href attribute

<abbr\>​

Abbreviation Inline Element to mark text as abbreviation/acronym

<address\>​

Contact Address Inline Element to mark Semantic contact details of person/organization

<audio>​

Audio Inline Element to embed audio content into Document

Source: developer.mozilla.org/en

<b>​

Inline Element to style text as bold w/o Semantic

<bdo\>​

Bidirectional Override Inline Element to override direction of rendered text as dir="ltr" (left-to-right) or "rtl" (right to left default)

<br\>​

Line Break Inline Element to add line break in text

<code>​

Code Inline Element to style text as fragment of Source Code

Source: <code​>: The Inline Code element - HTML: HyperText Markup Language | MDN

<data\>​

Data Inline Element to add machine-readable content inside value HTML Attribute

<datalist\>​

Data List Inline Element to display input field with drop-down list of possible <option\> to choose from

<i>​

Idiomatic Text Inline Element to style text as italic w/o Semantic

<iframe>​

Inline Frame Inline Element to embed another HTML page into Web Page

Source: <iframe​>: The Inline Frame element - HTML: HyperText Markup Language | MDN

<img>​

Inline Element to embed image to Document

<input>​

Form Input Inline Element to accept user input via form UI

Source: developer.mozilla.org/en

<kbd\>​

Keyboard Input Inline Element to style text as keyboard or user text input

<label>​

Input Label Inline Element to add caption via for HTML Attribute

<mark\>​

Mark Text Inline Element to highlight text with Semantic for text of interest

<picture>​

Picture Inline Element to load alternative versions of image to match based on Viewport/Browser into Document

<q\>​

Quotation Inline Element to style text as italic & add quotation marks

<s>​

Strikethrough Inline Element to draw line through text

<small\>​

Small Print Inline Element to display text in smaller font size with Semantic of side-comments, copyright & legalese

<source>​

Media Source Inline Element to specify media resource for <audio\>, <picture\> or <video\>

<span>​

generic Inline Element container w/o Semantic

<sub\>​

Subscript Inline Element to display subscript text

<sup\>​

Superscript Inline Element to display superscript text

<time>​

datetime Inline Element to Semantic mark date for machine-compat

<u>​

Underline Inline Element to style text with underline as unarticulated annotation Semantic

<video>​

Video Inline Element to embed video media player into Document

<wbr\>​

Word Break Opportunity Inline Element to mark optional line break in text for Browser based on Viewport

References​

  1. <img> ↔ Inline Element to embed image to Document

  2. <em\> ↔ Semantic <i\> Inline Element to style text as italic & indicate stressed emphasis

  3. <i> ↔ Idiomatic Text Inline Element to style text as italic w/o Semantic

  4. <b> ↔ Inline Element to style text as bold w/o Semantic

  5. <strong\> ↔ Semantic <b\> Inline Element to style text as bold & indicate strong importance

  6. <s> ↔ Strikethrough Inline Element to draw line through text

  7. <sub\> ↔ Subscript Inline Element to display subscript text

  8. <small\> ↔ Small Print Inline Element to display text in smaller font size with Semantic of side-comments, copyright & legalese

  9. <address\> ↔ Contact Address Inline Element to mark Semantic contact details of person/organization

  10. <cite\> ↔ Semantic <i\> Inline Element to style text as italic & mark as citation for literature reference

  11. <sup\> ↔ Superscript Inline Element to display superscript text

  12. <q\> ↔ Quotation Inline Element to style text as italic & add quotation marks

  13. <br\> ↔ Line Break Inline Element to add line break in text

  14. <wbr\> ↔ Word Break Opportunity Inline Element to mark optional line break in text for Browser based on Viewport

  15. <time> ↔ datetime Inline Element to Semantic mark date for machine-compat

  16. <mark\> ↔ Mark Text Inline Element to highlight text with Semantic for text of interest

  17. <dfn\> ↔ Definition Semantic <i\> Inline Element to style text as italic & mark as definition phrase/sentence

  18. <del\> ↔ Semantic<s\>Inline Element to apply strikethrough for Deleted Text

  19. <ins\> ↔ Inserted Text Semantic <u\> Inline Element to apply underline & mark text added to document

  20. <u> ↔ Underline Inline Element to style text with underline as unarticulated annotation Semantic

  21. <code> ↔ Code Inline Element to style text as fragment of Source Code

  22. <span> ↔ generic Inline Element container w/o Semantic

  23. <a> ↔ Anchor Link Inline Element to anchor text to URL via href attribute

  24. <bdo\> ↔ Bidirectional Override Inline Element to override direction of rendered text as dir="ltr" (left-to-right) or "rtl" (right to left default)

  25. <audio> ↔ Audio Inline Element to embed audio content into Document

  26. <source> ↔ Media Source Inline Element to specify media resource for <audio\>, <picture\> or <video\>

  27. <video> ↔ Video Inline Element to embed video media player into Document

  28. <picture> ↔ Picture Inline Element to load alternative versions of image to match based on Viewport/Browser into Document

  29. <abbr\> ↔ Abbreviation Inline Element to mark text as abbreviation/acronym

  30. <data\> ↔ Data Inline Element to add machine-readable content inside value HTML Attribute

  31. <datalist\> ↔ Data List Inline Element to display input field with drop-down list of possible <option\> to choose from

  32. <iframe> ↔ Inline Frame Inline Element to embed another HTML page into Web Page

  33. <kbd\> ↔ Keyboard Input Inline Element to style text as keyboard or user text input

  34. <label> ↔ Input Label Inline Element to add caption via for HTML Attribute

  35. <input> ↔ Form Input Inline Element to accept user input via form UI

  36. inline ↔ CSS Value to set display as Inline Element