Formatting Text (Back)

Inserting a hyperlink Web Link Email Link Phone Link Document Section Link
Sample Code: <a href="https://html.huxley.cloud">Web Link</a> <a href="mailto:cloud@example.com?subject=Test">Email Link</a> <a href="tel:+13605555555">Phone Link</a> <a href="#top">Document Section Link</a>
Adding an abbreviation
You are mastering HTML (Hypertext Markup Language).

Sample Code: <p>You are mastering <abbr>HTML</abbr> (Hypertext Markup Language).</p>
Setting an address
Contact Me:

test@email.net
+1 (360) 555-5555
Or you may wish to visit us:
The Huxley Cloud
123 Fake St
Port Angeles, WA 98362
USA

Sample Code: <p>Contact Me:</p> <address> <a href="mailto:test@email.net">test@email.net</a><br/> <a href="tel:+13605555555">+1 (360) 555-5555</a><br/> Or you may wish to visit us: <br/> The Huxley Cloud<br/> 123 Fake St <br/> Port Angeles, WA 98362<br/> USA </address>
Bold, Strong Text
You're doing great!

You're doing great!

Sample Code: <p>You're doing <b>great</b>!</p> <p>You're doing <strong>great</strong>!</p>
Bi-Directional Isolate
World wrestling championships
- Evil Steven: 1st place
- François fatale: 2nd place
- سما: 3rd place
- الرجل القوي إيان: 4th place
- سما: 5th place
Sample Code: <h3>World wrestling championships</h3> <ul> <li><bdi>Evil Steven</bdi>: 1st place</li> <li><bdi>François fatale</bdi>: 2nd place</li> <li><span>سم</span>: 3rd place</li> <li><bdi>الرجل القوي إيان</bdi>: 4th place</li> <li><span dir="auto">سما</span>: 5th place</li> </ul>
Bi-Directional Override
Famous seaside songs

The English song "Oh I do like to be beside the seaside"
Looks like this in Hebrew: אה, אני אוהב להיות ליד חוף הים
In the computer's memory, this is stored as אה, אני אוהב להיות ליד חוף הים

Sample Code: <h3>Famous seaside songs</h3> <p>The English song "Oh I do like to be beside the seaside"<br /> Looks like this in Hebrew: <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span><br /> In the computer's memory, this is stored as <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo> </p>
Blockquotes with Citation

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

—Aldous Huxley, Brave New World

Sample Code: <blockquote cite="https://www.huxley.net/bnw/four.html"> <p>Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.</p> <footer>—Aldous Huxley, <cite>Brave New World</cite></footer> </blockquote>
Code text
The push() method adds one or more elements to the end of an array and returns the new length of the array.

Sample Code: <p>The <code>push()</code> method adds one or more elements to the end of an array and returns the new length of the array.</p>
Definitions
A validator is a program that checks for syntax errors in code or documents.

Sample Code: <p>A <dfn>validator</dfn> is a program that checks for syntax errors in code or documents.</p>
Deleted, inserted, and strike-through text
There is ~~nothing~~ no code either good or bad, but ~~thinking~~ running it makes it so.

~~There will be a few tickets available at the box office tonight.~~

SOLD OUT!

Sample Code: <p>There is <del>nothing</del> <ins>no code</ins> either good or bad, but <del>thinking</del> <ins>running it</ins> makes it so.</p> <p><s>There will be a few tickets available at the box office tonight.</s></p> <p>SOLD OUT!</p>
Description List
Cryptids of Cornwall:

Beast of Bodmin

A large feline inhabiting Bodmin Moor.

Morgawr

A sea serpent.

Owlman

A giant owl-like creature.

Sample Code: <p>Cryptids of Cornwall:</p> <dl> <dt>Beast of Bodmin</dt> <dd>A large feline inhabiting Bodmin Moor.</dd> <dt>Morgawr</dt> <dd>A sea serpent.</dd> <dt>Owlman</dt> <dd>A giant owl-like creature.</dd> </dl>
Details Widget with Summary

Details
Something small enough to escape casual notice.

Sample Code: <details> <summary>Details</summary> Something small enough to escape casual notice. </details>
Dialog Box
Greetings, one and all!

Sample Code: <dialog open> <p>Greetings, one and all!</p> <form method="dialog"> <button>OK</button> </form> </dialog>
Emphasized, Italicized text
This is not a drill!

This is not a drill!

Sample Code: <p>This is <em>not</em> a drill!</p> <p>This is <i>not</i> a drill!</p>
Header Elements
Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Sample Code: <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
Hgroups
Frankenstein

Or: The Modern Prometheus

Victor Frankenstein, a Swiss scientist, has a great ambition: to create intelligent life. But when his creature first stirs, he realizes he has made a monster. A monster which, abandoned by his master and shunned by everyone who sees it, follows Dr Frankenstein to the very ends of the earth.

Sample Code: <hgroup> <h1>Frankenstein</h1> <p>Or: The Modern Prometheus</p> </hgroup> <p>Victor Frankenstein, a Swiss scientist, has a great ambition: to create intelligent life. But when his creature first stirs, he realizes he has made a monster. A monster which, abandoned by his master and shunned by everyone who sees it, follows Dr Frankenstein to the very ends of the earth.</p>
Keyboard Text
Please press Ctrl + Alt + delete to restart.

Sample Code: <p>Please press <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>delete</kbd> to restart.</p>
Marked (Highlighted) Text
Several species of salamander inhabit the temperate rainforest of the Pacific Northwest.

Sample Code: <p>Several species of <mark>salamander</mark> inhabit the temperate rainforest of the Pacific Northwest.</p>
Menu Element

Sample Code: <menu> <li><button onclick="copy()">Copy</button></li> <li><button onclick="cut()">Cut</button></li> <li><button onclick="paste()">Paste</button></li> </menu>
Ordered & Unordered Lists
Ordered List
1. Mix flour, baking powder, sugar, and salt.
2. In another bowl, mix eggs, milk, and oil.
3. Stir both mixtures together.
4. Fill muffin tray 3/4 full.
5. Bake for 20 minutes.
Unordered List
- Milk
- Cheese
  - Blue cheese
  - Feta
Sample Code: <h3>Ordered List</h3> <ol> <li>Mix flour, baking powder, sugar, and salt.</li> <li>In another bowl, mix eggs, milk, and oil.</li> <li>Stir both mixtures together.</li> <li>Fill muffin tray 3/4 full.</li> <li>Bake for 20 minutes.</li> </ol> <h3>Unordered List</h3> <ul> <li>Milk</li> <li> Cheese <ul> <li>Blue cheese</li> <li>Feta</li> </ul> </li> </ul>
Paragraph Text
You are mastering HTML (Hypertext Markup Language).

Sample Code: <p>You are mastering <abbr>HTML</abbr> (Hypertext Markup Language).</p>
Preformatted Text
```
L          TE
  A       A
    C    V
     R A
     DOU
     LOU
    REUSE
    QUE TU
    PORTES
  ET QUI T'
  ORNE O CI
   VILISÉ
  OTE-  TU VEUX
   LA    BIEN
  SI      RESPI
          RER       - Apollinaire
          
```
Sample Code: <pre> L TE A A C V R A DOU LOU REUSE QUE TU PORTES ET QUI T' ORNE O CI VILISÉ OTE- TU VEUX LA BIEN SI RESPI RER - Apollinaire </pre>
Quotations (Inline)
According to Mozilla's website, Firefox 1.0 was released in 2004 and became a big success.

Sample Code: <p> According to Mozilla's website, <q cite="https://www.mozilla.org/en-US/about/history/details/"> Firefox 1.0 was released in 2004 and became a big success. </q> </p>
Ruby Annotation 明日 (Ashita)
Sample Code: <ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
Sample Output Text
When the process is complete, the utility will output the text Scan complete. Found N results. You can then proceed to the next step.

Sample Code: <p> When the process is complete, the utility will output the text <samp>Scan complete. Found <em>N</em> results.</samp> You can then proceed to the next step. </p>
Small Text/Side Comments
The content is licensed under a Creative Commons Attribution-ShareAlike 2.5 Generic License.

Sample Code: <p><small>The content is licensed under a Creative Commons Attribution-ShareAlike 2.5 Generic License.</small></p>
Spanning Content
Some text

Sample Code: <p><span>Some text</span></p>
Subscript
Almost every developer's favorite molecule is C₈H₁₀N₄O₂, also known as "caffeine."

Sample Code: <p>Almost every developer's favorite molecule is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as "caffeine."</p>
Superscript
a² + b² = c²

Sample Code: <p><var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var></p>
The Time Element
The concert starts at 20:00.

Sample Code: <p>The concert starts at <time datetime="2018-07-07T20:00:00">20:00</time>.</p>
Unarticulated Annotation
This paragraph includes a wrnogly spelled word.

Sample Code: <p>This paragraph includes a <u>wrnogly</u> spelled word.</p>
Variable Element
a² + b² = c²

Sample Code: <p><var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var></p>
Word Break Opportunity
http://this.is.a.really.long.example.com/With/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages/deeper/level/pages

Sample Code: <p>http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages</p>

Formatting Text (Back)

World wrestling championships

Famous seaside songs

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Frankenstein

Ordered List

Unordered List