JSFiddle - React, Tailwind, and code Playground
by halirgb
HTML
<a href="#">Example text</a> - Represents a hyperlink , linking to another resource.
<br />
<br />
<em>Example text</em> - Represents emphasized text, like a stress accent.
<br />
<br />
<strong>Example text</strong> - Represents especially important text.
<br />
<br />
<small>Example text</small> - Represents a side comment , that is, text like a disclaimer or a copyright, which is not essential to the comprehension of the document.
<br />
<br />
<q>Example text</q> - Represents an inline quotation .
<br />
<br />
<abbr>Example text</abbr> - Represents an abbreviation or an acronym ; the expansion of the abbreviation can be represented in the title attribute.
<br />
<br />
<code>Example text</code> - Represents computer code .
<br />
<br />
<hr />Under<sub>Example text</sub>
Upper<sup>Example text</sup>
<br />Represent a subscript , or a superscript.
<br />
<br />
<hr />
<i>Example text</i> - Represents some text in an alternate voice or mood, or at least of different quality, such as a taxonomic designation, a technical term, an idiomatic phrase, a thought, or a ship name.
<br />
<br />
<b>Example text</b> - Represents a text which to which attention is drawn for utilitarian purposes . It doesn't convey extra importance and doesn't imply an alternate voice.
<br />
<br />
<u>Example text</u> - Represents a non-textual annoatation for which the conventional presentation is underlining, such labeling the text as being misspelt or labeling a proper name in Chinese text.
<br />
<br />
<span>Example text</span> - Represents text with no specific meaning. This has to be used when no other text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like class, lang, or dir.
<br />
<br />