style_kit: A thin banner saying Dreamwidth. (banner)
[personal profile] style_kit

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.

  1. One
  2. Two
  3. 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.

Table caption
Col header oneCol header twoCol header three
Row header oneCell oneCell 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:

The main icon for this journal

Linked:

The main icon for this journal

July 2009

S M T W T F S
   1234
567891011
12131415161718
19202122232425
262728293031 

Style Credit

Page generated Jul. 24th, 2017 06:49 pm
Powered by Dreamwidth Studios

Expand Cut Tags

No cut tags

Most Popular Tags