Toolkit

Elements

Elements are tags without classes and modifiers that are applied in module blocks.

Paragraph #

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


<p>...</p>

Headings #

Heading 2 #

Heading 3

Heading 4

Heading 5
Heading 6

<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>

<a href="#">...</a>

Lists #

  • Item 1
  • Item 2
  • Item 3
  1. Item 1
  2. Item 2
  3. Item 3

<ul>
    <li>...</li>
</ul>

<ol>
    <li>...</li>
</ol>

Definition list #

Term 1
Desc 1
Term 2
Desc 2

<dl>
    <dt>...</dt>
    <dd>...</dd>
</dl>

Preformatted #

Function.prototype.inherits = function(parent) {
    for (var key in parent.prototype) {
        this.prototype[key] = parent.prototype[key];
    }
};
Function.prototype.inherits = function(parent) {
    for (var key in parent.prototype) {
        this.prototype[key] = parent.prototype[key];
    }
};

<pre>...</pre>
<pre><code>...</code></pre>

Blockquote #

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

— Author


<blockquote>
    <p>...</p>
    <p><cite>...</cite></p>
</blockquote>

Address #

Street line,
City, Country
Zip

<address>
    ...<br>
    ...
</address>

Line #



<hr>

Image #

Caption

<figure>
    <img src="...">
    <figcaption>...</figcaption>
</figure>

Table #

First Name Last Name Points
Jill Smith 50
Eve Jackson 94

<table>
<thead>
    <tr>
        <th>...</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>...</td>
    </tr>
</tbody>
</table>

Inline #

CSS

Variable

Code

Mark

Shortcut

Deleted

Italic

Emphasis

Strong

Bold

xsuperscript

xsubscript


<abbr title="Cascading Style Sheets">CSS</abbr>
<var>Variable</var>
<code>Code</code>
<mark>Mark</mark>
<kbd>Shortcut</kbd>
<del>Deleted</del>
<i>Italic</i>
<em>Emphasis</em>
<strong>Strong</strong>
<b>Bold</b>
x<sup>superscript</sup>
x<sub>subscript</sub>
<time>Time</time>