HTML Tags, Markdown, and Formatting

Headings

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the Daring Fireball Markdown Reference.

This is an example of a link.

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Emphasize Tag

The emphasize tag should italicize text.

Mark Tag

This tag should denote marked text.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 38px;
    line-height: 1.2;
    and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}

Strike Tag (deprecated in HTML5)

This tag shows strike-through text, like this: striked.

Strong Tag

This tag shows bold text.

Author

Juan Perez is a web designer at Biron Themes. Expert in HTML5, CSS3 and Javascript. A fan of the Bootstrap framework and development tools such as Gulp.

Comments