Index
Defined elements (not replacement)
These are elements that are displayed as is, and are not altered by new content (as would happen with an image tag).
page
Contains the definition of basic elements, such as html and body.
As you can see throughout the content, the default fonts are being set to the same fonts that are already installed on most systems.
flowcontent
Elements that alter the flow of the content.
code | display |
---|---|
Lorem ipsum dolor sit amet, <plaintext>consectetur adipiscing elit</plaintext>. <pre> Vivamus mauris nulla, mollis eget arcu ac, </pre> <xmp>hendrerit dictum ligula. Cras justo diam</xmp> | Lorem ipsum dolor sit amet, Vivamus mauris nulla, mollis eget arcu ac, |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <p>Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. </p> | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. |
Lorem ipsum dolor sit amet, <code>consectetur adipiscing elit</code>. Vivamus mauris nulla, <kbd>mollis eget arcu ac, hendrerit dictum ligula</kbd>. | Lorem ipsum dolor sit amet, consectetur adipiscing elit .
Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <blockquote>Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. </blockquote> | Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. |
Text containers (phrase content)
code | display |
---|---|
Lorem ipsum dolor <abbr>sit</abbr> amet, consectetur adipiscing <acronym>elit</acronym>. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
Lorem ipsum dolor <kbd>sit</kbd> amet, consectetur adipiscing <samp>elit</samp>. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
Lorem ipsum dolor <em>sit</em> amet, consectetur adipiscing <strong>elit</strong>. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. |
Lorem ipsum dolor <big>sit</big> amet, consectetur adipiscing <small>elit</small>. Vivamus <span class="small">mauris</span> nulla, mollis eget arcu ac, <span class="small">hendrerit</span> dictum ligula. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. |
Fusce iaculis nisi massa, <cite>non efficitur lectus porta quis</cite>. | Fusce iaculis nisi massa, non efficitur lectus porta quis. |
Cras justo diam, interdum vestibulum <sup>maximus</sup> in, tincidunt eget <sub>neque</sub>. | Cras justo diam, interdum vestibulum maximus in, tincidunt eget neque. |
<span class="text-bold">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-italic">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-kbd">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-under">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-stroke">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-blink">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-lower">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-upper">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-capital">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-caps">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-left">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-right">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-center">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="text-justify">Maecenas vestibulum venenatis diam,</span> | Maecenas vestibulum venenatis diam, |
<span class="font-tiny">id sagittis augue venenatis nec</span> | id sagittis augue venenatis nec |
<span class="font-small">id sagittis augue venenatis nec</span> | id sagittis augue venenatis nec |
<span class="font-medium">id sagittis augue venenatis nec</span> | id sagittis augue venenatis nec |
<span class="font-large">id sagittis augue venenatis nec</span> | id sagittis augue venenatis nec |
<span class="font-wide">id sagittis augue venenatis nec</span> | id sagittis augue venenatis nec |
Nunc vehicula <a href=".">neque eget neque</a> bibendum dapibus. | Nunc vehicula neque eget neque bibendum dapibus. |
Nunc vehicula neque eget <br> neque bibendum dapibus. | Nunc vehicula neque eget neque bibendum dapibus. |
Sections and headings
code | display |
---|---|
Vestibulum magna turpis, <h1>efficitur vitae quam a,</h1> iaculis sagittis dolor. | Vestibulum magna turpis, efficitur vitae quam a,iaculis sagittis dolor. |
Vestibulum magna turpis, <h2>efficitur vitae quam a,</h2> iaculis sagittis dolor. | Vestibulum magna turpis, efficitur vitae quam a,iaculis sagittis dolor. |
Vestibulum magna turpis, <h3>efficitur vitae quam a,</h3> iaculis sagittis dolor. | Vestibulum magna turpis, efficitur vitae quam a,iaculis sagittis dolor. |
Vestibulum magna turpis, <h4>efficitur vitae quam a,</h4> iaculis sagittis dolor. | Vestibulum magna turpis, efficitur vitae quam a,iaculis sagittis dolor. |
Vestibulum magna turpis, <h5>efficitur vitae quam a,</h5> iaculis sagittis dolor. | Vestibulum magna turpis, efficitur vitae quam a,iaculis sagittis dolor. |
Vestibulum magna turpis, <h6>efficitur vitae quam a,</h6> iaculis sagittis dolor. | Vestibulum magna turpis, efficitur vitae quam a,iaculis sagittis dolor. |
Lists
code | display |
---|---|
<ul> <li>Quisque diam est,</li> <li>fermentum eu urna ut,</li> <li>aliquam mollis felis.</li> </ul> |
|
<ol> <li>Quisque diam est,</li> <li>fermentum eu urna ut,</li> <li>aliquam mollis felis.</li> </ol> |
|
<ul> <dt>Quisque</dt> <dd>diam est,</dd> <dt>fermentum</dt> <dd>eu urna ut,</dd> <dt>aliquam</dt> <dd>mollis felis.</dd> </ul> |
|
<ul class="list-inline list-nobullet"> <li>Quisque diam est,</li> <li>fermentum eu urna ut,</li> <li>aliquam mollis felis.</li> </ul> |
|
Others
code | display |
---|---|
<hr> |