Sample Blog Post
This post shows a few different types of content.
This is extra content of the paragraph. It was written to fill the available space and to show how a longer piece of text affects the surrounding content.
Blockquotes
This is an example blockquote in action:
Quoted text goes here.
This is extra content of the paragraph. It was written to fill the available space and to show how a longer piece of text affects the surrounding content.
Example Lists
This is some extra paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout. This is an example unordered list:
- First list item.
- Second list item with a longer description.
- Third list item to close it out.
And this is an ordered list:
- First list item.
- Second list item with a longer description.
- Third list item to close it out.
And this is a definition list:
- HyperText Markup Language (HTML)
- The language used to describe and define the content of a webpage.
- Cascading Style Sheets (CSS)
- Used to describe the appearance of web content.
- JavaScript (JS)
- The programming language used to build advanced websites and applications.
Inline HTML Elements
HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.
-
To bold text, use
<strong>
. - To italicize text, use
<em>
. -
Abbreviations, like
HTML should use
<abbr>
, with an optionaltitle
attribute for the full phrase. -
Citations, like — Mark Otto, should use
<cite>
. -
Deletedtext should use<del>
and inserted text should use<ins>
. -
Superscript text uses
<sup>
and subscript text uses<sub>
.
Most of these elements are styled by browsers with few modifications on our part.
Heading
This is extra content of the paragraph. It was written to fill the available space and to show how a longer piece of text affects the surrounding content.
Sub-Heading
This is extra content of the paragraph. It was written to fill the available space and to show how a longer piece of text affects the surrounding content.
Example code block
This is some extra paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.