Created
October 25, 2012 21:47
-
-
Save kara-ryli/3955648 to your computer and use it in GitHub Desktop.
An HTML Element Sampler for testing the appearance of standard elements in context.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>HTML Element Sampler</title> | |
</head> | |
<body> | |
<h1>HTML Element Sampler</h1> | |
<p>This is a paragraph. It's just something I threw together. | |
This sentence contains <em>an emphasized phrase</em>. This sentence contains <strong>a strongly emphasized</strong> phrase. This sentence contains <em>a strongly emphasized bit <strong>within</strong> an emphasized phrase</em>.</p> | |
<p><big>This is big.</big> <small>This is small.</small> <samp>This is SAMP.</samp> <sub>This is sub.</sub> <sup>This is sup.</sup> <s>This is S.</s> <strike>This is strike.</strike> <tt>This is tt.</tt> <u>This is U.</u> <cite>This is cite.</cite> <ins>This is INS</ins>. <del>This is DEL</del>. <abbr>This is ABBR</abbr>. This sentence contains an acronym: <acronym>Nato</acronym>. In the beginning was the word. And the word wrapped.</p> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> | |
<h2>This is an h2</h2> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> | |
<h3>This is an h3</h3> | |
<p>This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.</p> | |
<h3>This is an h4</h3> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> | |
<ol> | |
<li> | |
this is an ordered list item. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space. | |
</li> | |
<li>this is another ordered list item</li> | |
<li>...and another list item, to fill space.</li> | |
<li>This is a third item in that unordered list.</li> | |
<li>This is a fourth.</li> | |
</ol> | |
<p>This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.</p> | |
<ul> | |
<li> | |
this is an unordered list item. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space. | |
</li> | |
<li>Here's another unordered list - inside the ordered list.</li> | |
<li>...and another list item, to fill space.</li> | |
<li>...and another list item, to fill space.</li> | |
</ul> | |
<p>This is a paragraph. It's just something I threw together. In the beginning was the word. And the word wrapped. I'll be looking soon for opportunities to style this text. In the meantime it will do merely to occupy space.</p> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment