Headings
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
The HTML
<blockquote>
Element (or HTML Block Quotation Element ) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the<cite>
element.
multiple contributors – MDN HTML element reference – blockquote
Employee | Salary | |
---|---|---|
John Doe | $1 | Because that’s all Steve Jobs needed for a salary. |
Jane Doe | $100K | For all the blogging she does. |
Fred Bloggs | $100M | Pictures are worth a thousand words, right? So Jane x 1,000. |
Jane Bloggs | $100B | With hair like that?! Enough said… |
These supported tags come from the WordPress.com code FAQ .
Address Tag
1 Infinite LoopAnchor Tag (aka. Link)
This is an example of a link .
Abbreviation Tag
The abbreviation srsly stands for “seriously”.
Acronym Tag ( deprecated in HTML5 )
The acronym ftw stands for “for the win”.
Big Tag ( deprecated in HTML5 )
These tests are a big deal, but this tag is no longer supported in HTML5.
Cite Tag
“Code is poetry.” — Automattic
Code Tag
This tag styles 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 it is handled and to find out how it overflows;
}
You will learn later on in these tests that word-wrap: break-word;will be your best friend.
Delete Tag
This tag will let you
strike out text
, but this tag is
recommended
supported in HTML5 (use the
<s>
instead).
Emphasize Tag
The emphasize tag should italicize text .
Horizontal Rule Tag
This sentence is following a
<hr />
tag.
Insert Tag
This tag should denote inserted text.
Keyboard Tag
This scarcely known tag emulates
keyboard text
, which is usually styled like the
<code>
tag.
Preformatted Tag
This tag is for preserving whitespace as typed, such as in poetry or ASCII art.
The Road Not Taken
Robert Frost Two roads diverged in a yellow wood, And sorry I could not travel both (_/) And be one traveler, long I stood (='.'=) And looked down one as far as I could (")_(") To where it bent in the undergrowth; Then took the other, as just as fair, And having perhaps the better claim, |_/| Because it was grassy and wanted wear; / @ @ Though as for that the passing there ( > º >x<<´ / O And both that morning equally lay In leaves no step had trodden black. Oh, I kept the first for another day! Yet knowing how way leads on to way, I doubted if I should ever come back. I shall be telling this with a sigh Somewhere ages and ages hence: Two roads diverged in a wood, and I— I took the one less traveled by, And that has made all the difference. and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
Quote Tag for short, inline quotes
Developers, developers, developers…
–Steve Ballmer
Strike Tag ( deprecated in HTML5 ) and S Tag
This tag shows
strike-through
text
.
Small Tag
This tag shows smaller text.
Strong Tag
This tag shows bold text.
Subscript Tag
Getting our science styling on with H 2 O, which should push the “2” down.
Superscript Tag
Still sticking with science and Albert Einstein’s E = MC 2 , which should lift the 2 up.
Teletype Tag ( obsolete in HTML5 )
This rarely used tag emulates
teletype text
, which is usually styled like the
<code>
tag.
Underline Tag deprecated in HTML 4, re-introduced in HTML5 with other semantics
This tag shows underlined text .
Variable Tag
This allows you to denote variables .