Koyaka
Patreon

Content

Blockquote

Preview Code
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis. 

    <blockquote>
        Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero
        hendrerit ipsum, ut blandit est tellus sit amet turpis.
    </blockquote>

Pre & Code

Preview Code 
/* css */
.button {
    padding: 10px 16px;
    border-radius: 6px;
    background: #111;
    color: #fff;
}

    <pre><code class="language-css">/* css */
.button {
    padding: 10px 16px;
    border-radius: 6px;
    background: #111;
    color: #fff;
}</code></pre>

Inline Elements

Preview Code

Ut venenatis, nisl scelerisque sollicitudin fermentum, libero hendrerit ipsum, ut blandit est tellus sit amet turpis. Vestibulum vitae sapien velit aliquet efficitur. Sed non felis nec leo dapibus dignissim. Cras gravida purus sit amet lectus vulputate, eu aliquam urna etiam luctus. Suspendisse potenti® et venenatis nibh2. 


    <p>
        Ut venenatis, nisl scelerisque sollicitudin fermentum,
        <code>libero hendrerit ipsum</code>,
        <small>ut blandit est</small> tellus sit amet turpis.
        <b>Vestibulum vitae</b> sapien <strong>velit aliquet</strong> efficitur.
        <i>Sed non felis</i> nec <em>leo dapibus</em> dignissim.
        <u>Cras gravida</u> purus <mark>sit amet lectus</mark> vulputate,
        <del>eu aliquam urna</del> <ins>etiam luctus</ins>. Suspendisse
        potenti<sup>®</sup> et venenatis nibh<sub>2</sub>.
    </p>

Keyboard (kbd)

Preview Code
K ⌘ Delete 

    <kbd>K</kbd>
    <kbd>⌘</kbd>
    <kbd>Delete</kbd>

Headings

Preview Code

Title 1

Title 2

Title 3

Title 4

Title 5
Title 6

    <h1>Title 1</h1>
    <h2>Title 2</h2>
    <h3>Title 3</h3>
    <h4>Title 4</h4>
    <h5>Title 5</h5>
    <h6>Title 6</h6>

Lists

Preview Code
  • In fermentum leo eu lectus mollis.
  • Morbi eu nulla lobortis.
  • Aliquam nec felis in sapien.
  • Ut non enim metus.
  1. Donec blandit a lorem id convallis.
  2. Cras gravida arcu at diam.
  3. Integer in volutpat libero.
HTML
A markup language for creating web pages
CSS
A technology to make HTML look better

    <div class="ml-4">
        <ul>
            <li>In fermentum leo eu lectus mollis.</li>
            <li>Morbi eu nulla lobortis.</li>
            <li>Aliquam nec felis in sapien.</li>
            <li>Ut non enim metus.</li>
        </ul>

        <ol>
            <li>Donec blandit a lorem id convallis.</li>
            <li>Cras gravida arcu at diam.</li>
            <li>Integer in volutpat libero.</li>
        </ol>

        <dl>
            <dt>HTML</dt>
            <dd>A markup language for creating web pages</dd>
            <dt>CSS</dt>
            <dd>A technology to make HTML look better</dd>
        </dl>
    </div>

Contents