Documentation

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.

codedisplay
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, consectetur adipiscing elit</plaintext>. <pre> Vivamus mauris nulla, mollis eget arcu ac, </pre> <xmp>hendrerit dictum ligula. Cras justo diam</xmp></td> </tr><tr> <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;p&gt;Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. &lt;/p&gt;</td> <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <p>Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. </p></td> </tr><tr> <td>Lorem ipsum dolor sit amet, &lt;code&gt;consectetur adipiscing elit&lt;/code&gt;. Vivamus mauris nulla, &lt;kbd&gt;mollis eget arcu ac, hendrerit dictum ligula&lt;/kbd&gt;. </td> <td>Lorem ipsum dolor sit amet, <code>consectetur adipiscing elit</code>. Vivamus mauris nulla, <kbd>mollis eget arcu ac, hendrerit dictum ligula</kbd>. </td> </tr><tr> <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;blockquote&gt;Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. &lt;/blockquote&gt;</td> <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <blockquote>Vivamus mauris nulla, mollis eget arcu ac, hendrerit dictum ligula. </blockquote></td> </tr></tbody> </table> </p> <h3>Text containers (phrase content)</h3> <p> <table class="showcss"> <thead><tr><th>code</th><th>display</th></tr></thead> <tbody><tr> <td>Lorem ipsum dolor &lt;abbr&gt;sit&lt;/abbr&gt; amet, consectetur adipiscing &lt;acronym&gt;elit&lt;/acronym&gt;. </td> <td>Lorem ipsum dolor <abbr>sit</abbr> amet, consectetur adipiscing <acronym>elit</acronym>. </td> </tr><tr> <td>Lorem ipsum dolor &lt;kbd&gt;sit&lt;/kbd&gt; amet, consectetur adipiscing &lt;samp&gt;elit&lt;/samp&gt;.</td> <td>Lorem ipsum dolor <kbd>sit</kbd> amet, consectetur adipiscing <samp>elit</samp>. </td> </tr><tr> <td>Lorem ipsum dolor &lt;em&gt;sit&lt;/em&gt; amet, consectetur adipiscing &lt;strong&gt;elit&lt;/strong&gt;.</td> <td>Lorem ipsum dolor <em>sit</em> amet, consectetur adipiscing <strong>elit</strong>.</td> </tr><tr> <td>Lorem ipsum dolor &lt;big&gt;sit&lt;/big&gt; amet, consectetur adipiscing &lt;small&gt;elit&lt;/small&gt;. Vivamus &lt;span class=&quot;small&quot;&gt;mauris&lt;/span&gt; nulla, mollis eget arcu ac, &lt;span class=&quot;small&quot;&gt;hendrerit&lt;/span&gt; dictum ligula. </td> <td>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.</td> </tr><tr> <td>Fusce iaculis nisi massa, &lt;cite&gt;non efficitur lectus porta quis&lt;/cite&gt;. </td> <td>Fusce iaculis nisi massa, <cite>non efficitur lectus porta quis</cite>.</td> </tr><tr> <td>Cras justo diam, interdum vestibulum &lt;sup&gt;maximus&lt;/sup&gt; in, tincidunt eget &lt;sub&gt;neque&lt;/sub&gt;.</td> <td>Cras justo diam, interdum vestibulum <sup>maximus</sup> in, tincidunt eget <sub>neque</sub>. </td> </tr><tr> <td>&lt;span class=&quot;text-bold&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-bold">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-italic&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-italic">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-kbd&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-kbd">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-under&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-under">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-stroke&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-stroke">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-blink&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-blink">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-lower&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-lower">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-upper&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-upper">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-capital&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-capital">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-caps&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-caps">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-left&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-left">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-right&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-right">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-center&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-center">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;text-justify&quot;&gt;Maecenas vestibulum venenatis diam,&lt;/span&gt;</td> <td><span class="text-justify">Maecenas vestibulum venenatis diam,</span></td> </tr><tr> <td>&lt;span class=&quot;font-tiny&quot;&gt;id sagittis augue venenatis nec&lt;/span&gt;</td> <td><span class="font-tiny">id sagittis augue venenatis nec</span></td> </tr><tr> <td>&lt;span class=&quot;font-small&quot;&gt;id sagittis augue venenatis nec&lt;/span&gt;</td> <td><span class="font-small">id sagittis augue venenatis nec</span></td> </tr><tr> <td>&lt;span class=&quot;font-medium&quot;&gt;id sagittis augue venenatis nec&lt;/span&gt;</td> <td><span class="font-medium">id sagittis augue venenatis nec</span></td> </tr><tr> <td>&lt;span class=&quot;font-large&quot;&gt;id sagittis augue venenatis nec&lt;/span&gt;</td> <td><span class="font-large">id sagittis augue venenatis nec</span></td> </tr><tr> <td>&lt;span class=&quot;font-wide&quot;&gt;id sagittis augue venenatis nec&lt;/span&gt;</td> <td><span class="font-wide">id sagittis augue venenatis nec</span></td> </tr><tr> <td>Nunc vehicula &lt;a href=&quot;.&quot;&gt;neque eget neque&lt;/a&gt; bibendum dapibus.</td> <td>Nunc vehicula <a href=".">neque eget neque</a> bibendum dapibus.</td> </tr><tr> <td>Nunc vehicula neque eget &lt;br&gt; neque bibendum dapibus.</td> <td>Nunc vehicula neque eget <br> neque bibendum dapibus.</td> </tr></tbody> </table> </p> <h3>Sections and headings</h3> <p> <table class="showcss"> <thead><tr><th>code</th><th>display</th></tr></thead> <tbody><tr> <td>Vestibulum magna turpis, &lt;h1&gt;efficitur vitae quam a,&lt;/h1&gt; iaculis sagittis dolor.</td> <td>Vestibulum magna turpis, <h1>efficitur vitae quam a,</h1> iaculis sagittis dolor.</td> </tr><tr> <td>Vestibulum magna turpis, &lt;h2&gt;efficitur vitae quam a,&lt;/h2&gt; iaculis sagittis dolor.</td> <td>Vestibulum magna turpis, <h2>efficitur vitae quam a,</h2> iaculis sagittis dolor.</td> </tr><tr> <td>Vestibulum magna turpis, &lt;h3&gt;efficitur vitae quam a,&lt;/h3&gt; iaculis sagittis dolor.</td> <td>Vestibulum magna turpis, <h3>efficitur vitae quam a,</h3> iaculis sagittis dolor.</td> </tr><tr> <td>Vestibulum magna turpis, &lt;h4&gt;efficitur vitae quam a,&lt;/h4&gt; iaculis sagittis dolor.</td> <td>Vestibulum magna turpis, <h4>efficitur vitae quam a,</h4> iaculis sagittis dolor.</td> </tr><tr> <td>Vestibulum magna turpis, &lt;h5&gt;efficitur vitae quam a,&lt;/h5&gt; iaculis sagittis dolor.</td> <td>Vestibulum magna turpis, <h5>efficitur vitae quam a,</h5> iaculis sagittis dolor.</td> </tr><tr> <td>Vestibulum magna turpis, &lt;h6&gt;efficitur vitae quam a,&lt;/h6&gt; iaculis sagittis dolor.</td> <td>Vestibulum magna turpis, <h6>efficitur vitae quam a,</h6> iaculis sagittis dolor.</td> </tr></tbody> </table> </p> <h3>Lists</h3> <p> <table class="showcss"> <thead><tr><th>code</th><th>display</th></tr></thead> <tbody><tr> <td>&lt;ul&gt; &lt;li&gt;Quisque diam est,&lt;/li&gt; &lt;li&gt;fermentum eu urna ut,&lt;/li&gt; &lt;li&gt;aliquam mollis felis.&lt;/li&gt; &lt;/ul&gt;</td> <td><ul> <li>Quisque diam est,</li> <li>fermentum eu urna ut,</li> <li>aliquam mollis felis.</li> </ul></td> </tr><tr> <td>&lt;ol&gt; &lt;li&gt;Quisque diam est,&lt;/li&gt; &lt;li&gt;fermentum eu urna ut,&lt;/li&gt; &lt;li&gt;aliquam mollis felis.&lt;/li&gt; &lt;/ol&gt;</td> <td><ol> <li>Quisque diam est,</li> <li>fermentum eu urna ut,</li> <li>aliquam mollis felis.</li> </ol></td> </tr><tr> <td>&lt;ul&gt; &lt;dt&gt;Quisque&lt;/dt&gt; &lt;dd&gt;diam est,&lt;/dd&gt; &lt;dt&gt;fermentum&lt;/dt&gt; &lt;dd&gt;eu urna ut,&lt;/dd&gt; &lt;dt&gt;aliquam&lt;/dt&gt; &lt;dd&gt;mollis felis.&lt;/dd&gt; &lt;/ul&gt;</td> <td><ul> <dt>Quisque</dt> <dd>diam est,</dd> <dt>fermentum</dt> <dd>eu urna ut,</dd> <dt>aliquam</dt> <dd>mollis felis.</dd> </ul></td> </tr><tr> <td>&lt;ul class=&quot;list-inline list-nobullet&quot;&gt; &lt;li&gt;Quisque diam est,&lt;/li&gt; &lt;li&gt;fermentum eu urna ut,&lt;/li&gt; &lt;li&gt;aliquam mollis felis.&lt;/li&gt; &lt;/ul&gt;</td> <td><ul class="list-inline list-nobullet"> <li>Quisque diam est,</li> <li>fermentum eu urna ut,</li> <li>aliquam mollis felis.</li> </ul></td> </tr></tbody> </table> </p> <h3>Others</h3> <p> <table class="showcss"> <thead><tr><th>code</th><th>display</th></tr></thead> <tbody><tr> <td>&lt;hr&gt;</td> <td><hr></td> </tr></tbody> </table> </p> </div> <div class="col col-3 pad-top pad-left"> <h3>Search</h3> <form action="/index.php/page_search" method="post"> <input type="text" id="search_word" name="search_word" class="size-fullw" /> </form> <br> <aside> <h3>Advertising</h3> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7148132228167061" crossorigin="anonymous"></script> <!-- Columna --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-7148132228167061" data-ad-slot="3311132960" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </aside> </div> </div> </div> <!-- Main content: ends --> <!-- Main footer: init --> <div id="main_footer" class="size-fullw pad-tiny"> <footer> <p class="note text-center">Source code is registered under Copyright and is distributed under <a href="https://opensource.org/license/mit/" rel="no_follow">MIT license</a>. &reg; All rights reserved. &copy; Copyright 2015 - 2025 Alejandro Ceballos <a href="/cgi-bin/index.cgi" rel="nofollow">.</a></p> </footer> </div> <!-- Main footer: ends --> <!-- Script support --> <script type="text/javascript" src="/js/siteup/global_rules.js"></script> </body> </html>