Headlines and paragraphs
<h1>Headline 1</h1> <h2>Headline 2</h2> <h3>Headline 3</h3> <h4>Headline 4</h4> <h5>Headline 5</h5> <h6>Headline 6</h6> <p>Paragraph</p>
Result:
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Paragraph
Text styles
<strong>Bold</strong> <em>Italic</em> <u>Underline</u>
Result:
Bold Italic Underline
Unordered list
<ul> <li>Item 1</li> <li>Item 2</li> </ul>
Result:
- Item 1
- Item 2
Ordered list
<ol> <li>Item 1</li> <li>Item 2</li> </ol>
Result:
- Item 1
- Item 2
Links
<a href="https://iubenda.com">Click here</a>
Result:
Button
<a class="btn">This is a button</a>
Result:
Button sizes
<a class="btn small">Button small</a> <a class="btn mid">Button mid</a> <a class="btn mid_large">Button mid/large</a> <a class="btn large">Button large</a>
Result:
Button Colors
<a class="btn iubgreen">Button iubgreen</a> <a class="btn green">Button green</a> <a class="btn blue">Button blue</a> <a class="btn red">Button red</a> <a class="btn yellow">Button yellow</a>
Result:
Blockquote
<blockquote>Lorem ipsum dolor sit amet</blockquote>
Result:
Lorem ipsum dolor sit amet
Text Code Highlighted
<code>defaultStyle</code>
Result:
defaultStyle
Image
<img src="IMAGE URL" width="120" height="32" alt="IMAGE TITLE" />
Result:
Table
<table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Mimmo</td> <td>Vele</td> <td>40</td> </tr> <tr> <td>Dumitru</td> <td>Ceban</td> <td>30</td> </tr> </table>
Result:
Firstname | Lastname | Age |
---|---|---|
Mimmo | Vele | 40 |
Dumitru | Ceban | 30 |
Example code
<pre class="prettyprint linenums html-code"> ...code here... </pre>