Cut and tons of markup under
Jul. 12th, 2009 12:53 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
This is a test of lots of different mark up you should think about styling. It also uses a nonstandard icon size.
Different header levels:
The <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> tags.
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Lists
ul
The <ul> and <li> tags.
- One
- Two
- Three
ol
The <ol> and <li> tags.
- One
- Two
- Three
dl
The <dl>, <dt>, and <dd> tags.
- Term one
- Term description one
- Term two
- Term description two
- Term three
- Term description three
Tables
The <table>, <caption>, <tr>, <th>, and <td> tags.
Col header one | Col header two | Col header three |
---|---|---|
Row header one | Cell one | Cell two |
Forms
The <form>, <label>, <input> (text and submit), and <textarea> tags.Horizontal Lines
The <hr> tag.Blockquote, pre, and quote
This is a quote (<q>) right here: I am a quote
.
This is a blockquote (<blockquote>):
Curabitur lectus elit, mattis nec cursus et, mattis ultricies magna. Vestibulum non risus quam, eu feugiat est. Nunc ullamcorper congue purus, ut vestibulum eros convallis at. Duis eget porttitor massa. In accumsan consectetur tellus. Nam mollis tortor sit amet lacus rutrum eget scelerisque sapien convallis. Duis ac ante quis libero feugiat faucibus eget elementum sem. Cras sed justo et est mollis fringilla. Quisque at iaculis urna. Nam sit amet est ut nunc molestie aliquet a in ipsum. Phasellus id purus a risus accumsan hendrerit. Ut diam magna, suscipit ac elementum ac, auctor eu urna. Nulla posuere cursus quam, et tincidunt turpis semper a.
This is a pre (<pre>):
I am fixed text I am fixed text I am fixed t e x t
Other little tidbits
- Bold (<bold>): bold
- Strong (<strong>): strong
- Italic (<i>): italic
- Emphasis (<em>): emphasis
- Strike (<s>):
strike - Sub (<sub>): I am a sub
- Sup (<sup>): I am a sup
- Cite (<cite>): Citations, by me
- Abbreviation (<abbr>): IAAA
- Code (<code>):
Text in code
- Teletype (<tt>): Text in teletype
Images
Plain:
Linked: