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
From:
Anonymous( )Anonymous This account has disabled anonymous posting.
OpenID( )OpenID You can comment on this post while signed in with an account from many other sites, once you have confirmed your email address. Sign in using OpenID.
User
Account name:
Password:
If you don't have an account you can create one now.
Subject:
HTML doesn't work in the subject.

Message:

 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.

July 2009

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

Style Credit

Page generated Sep. 21st, 2017 10:36 am
Powered by Dreamwidth Studios

Expand Cut Tags

No cut tags

Most Popular Tags