Headings are some of the most important elements thoughout your page. A page should contain only a single h1
element, which is given the most importance. Headings should be used like a heirarchy defining the sections thoughout your page.
1st Level Heading
2nd Level Heading
3rd Level Heading
4th Level Heading
5th Level Heading
6th Level Heading
Horizontal lines also have a nice default style:
You can use inline elements to markup your text including:
anchor, strong or bold, emphasis or italics, insert or underline, delete or strike, abbr or definition, sub or sup, small, and mark.
Use blockquote elements for something someone once said.
- Someone
Here's a few more paragraphs with some lorem ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam risus lorem, efficitur malesuada magna vel, pretium blandit diam. Morbi quis porttitor justo, quis condimentum dolor.
Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse vitae purus sit amet mauris commodo sagittis mattis vitae mi. Cras ultrices metus at ligula congue tempor.
Donec sit amet eleifend massa, quis porttitor mi. Phasellus sed urna ante. In hac habitasse platea dictumst. Integer porttitor lacus ante, ac tristique tortor ultrices a. Fusce at venenatis massa.
Use code
elements to automatically highlight inline code alert('Hello, world!');
or use a code
element wrapped inside of a pre
element for blocks of code.
function sayHello(hello) {
hello = hello === undefined ? 'Hello, world!' : hello;
alert(hello);
}
sayHello();
Lists are not used for site navigation, and instead work like regular lists by default. This is an unordered list of items.
- Item
- Item
- Item
- Item
- Item
- Item
Ordered lists work much like unordered lists except they're numbered.
- Item
- Item
- Item
- Item
- Item
- Item
This is a definition list.
- Term
- Definition
- Term
- Definition
- Term
- Definition