Lists are used to group related pieces of information together, so they are clearly associated with each other and easy to read.
In modern web development lists are workhorse elements, frequently used for navigation as well as general content.
Definition List
<dl> <dt>...</dt> <dd>...</dd> </dl>
- Definition List Title
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly will explain this one.
Unordered List (Nested)
<ul> <li>...</li> </ul>
- 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 one
- List item two
- List item three
- List item four
Ordered List (Nested)
<ol> <li>...</li> </ol>
- 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 one
- List item two
- List item three
- List item four
Preformatted Text
Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. For example:
<pre>...</pre>
“Beware the Jabberwock, my son! The jaws that bite, the claws that catch! Beware the Jubjub bird, and shun The frumious Bandersnatch!”
Code
Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>
.
<code>...</code>
or within a <pre> block.
<pre> <code>...</code> </pre>
#container { float: left; margin: 0 -240px 0 0; width: 100%; }
User Input
Input that is typically entered via keyboard.
<kbd>...</kbd>
To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,
Variables
For indicating variables.
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>
y = mx + b
Sample Output
For indicating blocks sample output from a program.
<samp>...</samp>
This text is meant to be treated as sample output from a computer program.