Skip to content

Instantly share code, notes, and snippets.

@marcobiedermann
Last active May 25, 2022 19:59
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcobiedermann/ab1fd248c646234f76a5 to your computer and use it in GitHub Desktop.
Save marcobiedermann/ab1fd248c646234f76a5 to your computer and use it in GitHub Desktop.
<h3>Headings</h3>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h3>Text</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus facere, quibusdam maxime porro nostrum recusandae maiores debitis ipsum, commodi esse atque molestias assumenda veniam? Obcaecati possimus impedit doloribus iure aliquid?</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, enim distinctio laboriosam doloribus doloremque earum ex, voluptatibus ab error, soluta modi temporibus rerum eum, dolorem magnam autem aliquid tempore dolores.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis corrupti ipsa quasi magni provident ducimus alias officia, at voluptatum eum cupiditate, sit architecto saepe quibusdam consectetur animi accusantium odit quam nam mollitia sequi, laborum aperiam eveniet. Eveniet reprehenderit delectus quod, quaerat suscipit qui accusantium obcaecati laudantium nihil numquam veritatis molestias debitis, quos repellendus fugiat aut! Nulla nesciunt rerum veritatis, saepe enim voluptate doloribus officia fugit veniam unde quaerat sit, tempore dolor tenetur. Officia vel voluptatum, facilis dolores ab eaque! Ullam, praesentium, dolorum accusantium veniam, ducimus et nobis illum quidem aspernatur perferendis tenetur, unde similique. Explicabo qui, quia veritatis esse autem.</p>
<p>This is a <a href="#">link</a> which leads nowhere.</p>
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p>The following snippet of text is <strong>rendered as bold text.</strong></p>
<p>The following snippet of text is <em>rendered as italicized text.</em></p>
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
<p><abbr title="HyperText Markup Language">HTML</abbr> is the best thing since sliced bread.</p>
<p>For example, <code>&lt;section&gt;</code> should be wrapped as inline.</p>
<p>To switch directories, type <kbd>cd</kbd> followed by the name of the directory.</p>
<p><var>y</var> = <var>m</var><var>x</var> + <var>b</var></p>
<p><samp>This text is meant to be treated as sample output from a computer program.</samp></p>
<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
<h3>Address</h3>
<address>
<p>
<strong>Company Name</strong><br>
Street Name, Number<br>
Zip, City<br>
<abbr title="Phone">Phone</abbr> (123) 456-7890
</p>
</address>
<h3>Code</h3>
<pre>
<code>
x = 0
x = 2 + 2
what is x
</code>
</pre>
<h3>Blockquote</h3>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
<h3>Definition List</h3>
<dl>
<dt>Description lists</dt>
<dd>A description list is perfect for defining terms.</dd>
<dt>Euismod</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.</dd>
<dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
<h3>Image</h3>
<p><img src="http://lorempixum.com/384/288" alt="Image" title="Image"></p>
<p><img src="http://lorempixum.com/384/288" alt="Image" title="Image" style="float: left;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, qui, sed. Architecto, eaque ea, enim temporibus, officiis alias, ab voluptates doloremque qui dignissimos dolor. Magnam rerum, nostrum eum, recusandae explicabo iusto blanditiis praesentium quos magni suscipit dignissimos nisi dolore, facilis minima modi quis architecto mollitia sequi temporibus itaque cupiditate? Maxime.</p>
<p><img src="http://lorempixum.com/384/288" alt="Image" title="Image" style="float: right;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi labore maxime commodi ullam at libero est veniam sapiente, aspernatur assumenda. Minima architecto, corporis dignissimos alias sapiente rem nisi esse ipsum culpa, similique iste beatae recusandae iure, mollitia nulla ut cumque suscipit enim ducimus in, fugiat modi repellendus. Iure, ullam, nesciunt.</p>
<h3>Unordered List</h3>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor.
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor.
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ol>
</li>
<li>Lorem ipsum dolor sit amet.</li>
</ol>
<h3>Table</h3>
<table>
<tbody>
<tr>
<td>Table Cell 1.1</td>
<td>Table Cell 1.2</td>
<td>Table Cell 1.3</td>
</tr>
<tr>
<td>Table Cell 2.1</td>
<td>Table Cell 2.2</td>
<td>Table Cell 2.3</td>
</tr>
<tr>
<td>Table Cell 3.1</td>
<td>Table Cell 3.2</td>
<td>Table Cell 3.3</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment