Typography
Duis a ultrices ante. Praesent suscipit porttitor dui ultricies auctor. Nunc pharetra nibh justo, vitae fermentum sapien malesuada et. Duis elementum arcu nec enim sagittis interdum. Praesent gravida lacinia ipsum, et rutrum felis posuere nec. Duis ipsum ipsum, consectetur in molestie non, dignissim eget ex. Maecenas ut fermentum libero. Mauris eu libero sollicitudin, pulvinar nunc id, facilisis odio.
Headings
First header, H1
Second header, H2
Third header, H3
Fourth header, H4
Fifth header, H5
Sixth header, H6
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
Inline text elements
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
f(x) = a0 + a1x +a2x2, where a2 ≠ 0
Snippets of code with <code>
tags.
Keyboard input is displayed like: Ctrl + Alt + F8 or ls -gto.
Computer sample output is displayed like: Press F1 to continue.
You can use the mark tag to <mark>highlight</mark> text
<del>This line of text is meant to be treated as deleted text.</del>
<s>This line of text is meant to be treated as no longer accurate.</s>
<ins>This line of text is meant to be treated as an addition to the document.</ins>
<u>This line of text will render as underlined</u>
<small>This line of text is meant to be treated as fine print.</small>
<strong>This line rendered as bold text.</strong>
<em>This line rendered as italicized text.</em>
<var>f</var>(<var>x</var>) = <var>a</var><sub>0</sub> + <var>a</var><sub>1</sub><var>x</var> +<var>a</var><sub>2</sub><var>x</var><sup>2</sup>, where <var>a</var><sup>2</sup> ≠ 0
Snippets of code with <code>...</code> tags.
Keyboard input is viewed like <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>F8</kbd> or <kbd>ls -gto</kbd>.
Computer sample output is displayed like: <samp>Press F1 to continue</samp>
Blockquotes
Blockquote lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam eveniet eius sapiente rerum nesciunt magni neque officia aperiam, enim minus quaerat ipsum, ea suscipit. Iure eligendi placeat voluptatum beatae a.
<blockquote>
<p><strong>Blockquote</strong> ... </p>
<footer>
Someone famous in <cite title="Source">Cite Source</cite>
</footer>
</blockquote>
(Un)Ordered lists
- Orange
- Apple
- Tomato
- Eggplant
- Potato
- Cucumber
- Chickpea
- Peanut
- Green bean
- Kidney bean
- Tamarind
- Soybean
- Rasberry
- Blueberry
- Cherry
<ul>
<li>...</li>
<li>
...
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ul>
</li>
<li>...</li>
<li>...</li>
</ul>
- Agamemnon
- Patroclus
- Diomedes
- Nestor
- Priam
- Hector
- Paris
- Athena
- Zeus
- Eris
- Poseidon
- Hephaestus
- Hermes
- Hera
- Apollo
- Scamander
- Hecuba
- Aeneas
- Cassandra
- Odysseus
- Menelaus
<ol>
<li>...</li>
<li>
...
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ol>
</li>
<li>...</li>
<li>...</li>
</ol>
Description lists
- Kick
- 808
- Snare
- 909
- Maine
- Augusta
- California
- Sacremento
- Oregon
- Salem
- New York
- Albany
- Ascender
- The part of certain lowercase letters that extends above the x-height of a font.
- Font
- Traditionally, a complete set of characters for one typeface at one particular type size. Often used more loosely as a synonym for "typeface".
- Golden Section
- The ideal proportion according to the ancient Greeks. It is visualized as the division of a line into two unequal segments in such a way that the ratio of the smaller segment to the larger segment is equal to the ratio of the larger to the whole. It is usually defined as 21:34, that is, 21/34 and 34/(21+34) both equal approximately 0.618. A rectangle whose sides are of this proportion is called a "golden rectangle". Golden rectangles can be found in the proportions of the Parthenon and many medieval
manuscripts.
<dl>
<dt>...</dt>
<dd>...</dd>
<dt>...</dt>
<dd>...</dd>
</dl>
Horizontal rule
Duis a ultrices ante. Praesent suscipit porttitor dui ultricies auctor. Nunc pharetra nibh justo, vitae fermentum sapien malesuada et. Duis elementum arcu nec enim sagittis interdum.
Praesent gravida lacinia ipsum, et rutrum felis posuere nec. Duis ipsum ipsum, consectetur in molestie non, dignissim eget ex. Maecenas ut fermentum libero. Mauris eu libero sollicitudin, pulvinar nunc id, facilisis odio.
<p>...</p>
<hr>
<p>...</p>
Pre
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum suscipit a dolores, error cupiditate, iste ducimus hic. Dicta rem illo, accusamus, quod, iusto quis modi nesciunt, impedit enim quaerat laudantium.
main( ) { extern a, b, c; putchar(a); putchar(b); putchar(c); putchar('!*n'); } a 'hell'; b 'o, w'; c 'orld';
Sit eaque magni aliquam dolore cum aliquid ipsa, asperiores modi voluptates? Quisquam magnam dignissimos tempore quae quasi iure dolorum, quidem ad mollitia architecto distinctio nisi cumque deleniti provident adipisci eos!
<pre>...</pre>