Common Elements

Headers

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Headers with a following paragraph

Header 1

How vain and foolish, then, thought I, for timid untravelled man to try to comprehend aright this wondrous whale, by merely poring over his dead attenuated skeleton, stretched in this peaceful wood. No. Only in the heart of quickest perils; only when within the eddyings of his angry flukes; only on the profound unbounded sea, can the fully invested whale be truly and livingly found out.

Header 2

Within Pellucidar one time is as good as another. There were no nights to mask our attempted escape. All must be done in broad day-light—all but the work I had to do in the apartment beneath the building. So we determined to put our plan to an immediate test lest the Mahars who made it possible should awake before I reached them; but we were doomed to disappointment, for no sooner had we reached the main floor of the building on our way to the pits beneath, than we encountered hurrying bands of slaves being hastened under strong Sagoth guard out of the edifice to the avenue beyond.

Header 3

Within Pellucidar one time is as good as another. There were no nights to mask our attempted escape. All must be done in broad day-light—all but the work I had to do in the apartment beneath the building. So we determined to put our plan to an immediate test lest the Mahars who made it possible should awake before I reached them; but we were doomed to disappointment, for no sooner had we reached the main floor of the building on our way to the pits beneath, than we encountered hurrying bands of slaves being hastened under strong Sagoth guard out of the edifice to the avenue beyond.

Header 4

People were watching for Martians here from the church towers. My brother, very luckily for him as it chanced, preferred to push on at once to the coast rather than wait for food, although all three of them were very hungry. By midday they passed through Tillingham, which, strangely enough, seemed to be quite silent and deserted, save for a few furtive plunderers hunting for food. Near Tillingham they suddenly came in sight of the sea, and the most amazing crowd of shipping of all sorts that it is possible to imagine.

Header 5

"The unforeseen does not exist," quietly replied Phileas Fogg.

Header 6

Another man now joined the group, and, after making his formal greetings to his ruler, said:

Characters

0 1 2 3 4 5 6 7 8 9

+ - – — _ = ? ! ~ ( ) [ ] { } * ^ | "" \'\' `´ / \ & @ £ $ § ½ % ¨ ; : . ,

a b c d e f g h i j k l m n o p q r s t u v w x y z ö ä å

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ö Ä Å

UTF-8 test

Ä, ä, Ö, ö, Ü, ü, ß

Š Ť Ž Ľ Č Ě Ď Ň Ř Ů Ĺ

ХЦЧШЩЬЫЪЭЮЯ

Paragraphs

I leave a white and turbid wake; pale waters, paler cheeks, where'er I sail. The envious billows sidelong swell to whelm my track; let them; but first I pass.

Yonder, by ever-brimming goblet's rim, the warm waves blush like wine. The gold brow plumbs the blue. The diver sun—slow dived from noon—goes down; my soul mounts up! she wearies with her endless hill. Is, then, the crown too heavy that I wear? this Iron Crown of Lombardy. Yet is it bright with many a gem; I the wearer, see not its far flashings; but darkly feel that I wear that, that dazzlingly confounds. 'Tis iron—that I know—not gold. 'Tis split, too—that I feel; the jagged edge galls me so, my brain seems to beat against the solid metal; aye, steel skull, mine; the sort that needs no helmet in the most brain-battering fight!

Dry heat upon my brow? Oh! time was, when as the sunrise nobly spurred me, so the sunset soothed. No more. This lovely light, it lights not me; all loveliness is anguish to me, since I can ne'er enjoy. Gifted with the high perception, I lack the low, enjoying power; damned, most subtly and most malignantly! damned in the midst of Paradise! Good night—good night! (WAVING HIS HAND, HE MOVES FROM THE WINDOW.)

Lists

Unordered List

  • Apple
  • Pear
  • Banana
  • Orange
  • Carrot

Ordered List

  1. First
  2. Second
  3. Third
  4. Fourth

Definition List

Definition List Title
This is a definition list division.
Inkscape
Open Source vector graphics editor
SVG
Scalable Vector Graphics
W3C standard
GIMP
GNU Image Manipulation Program
Drupal
Content Management System

Nested lists

  1. one, two
    1. buckle my shoe
  2. three, four
    1. knock at the door
  3. Five, six
    1. pick up sticks
  4. Seven, eight, lay them straight
    1. Nine, ten, a big fat hen
    2. Eleven, twelve, dig and delve
    3. Thirteen, fourteen, maids a’courting
    4. Fifteen, sixteen, maids in the kitchen
    5. Seventeen, eighteen, maids a’waiting
    6. Nineteen, twenty, my platter’s empty …

pre

This is the Panel constructor:

function Panel(element, canClose, closeHandler) {
              this.element = element;
              this.canClose = canClose;
              this.closeHandler = function () { if (closeHandler) closeHandler() };
            }            .markup
  ()                   o             | |   /|   / o
  /\         ,_                 __,  | |    |__/    _|_
 /  \|   |  /  |  |  |_|  |  |_/  |  |/     | \   |  |
/(__/ \_/|_/   |_/ \/  |_/ \/  \_/|_/|__/   |  \_/|_/|_/

Phrase Elements

em

Element used to put emphasis on certain information Most browsers display emphases text in italics by default.
Sample: This is emphasized text

strong

This element stands for "stronger emphasis" and is used for marking more important text.
Sample: This is text with stronger emphasis

cite

According to W3C specification, we use cite element to define source of a quotation or reference.
Sample: This is quotation source

dfn

Element used to markup inline definition of a single term.
Sample: This is definition

code

This element informs the browser that it contains a computer code, such as XHTML markup.
Sample: document.write("Hello world");

samp

Defines computer output data, for example we can use it to markup error messages.
Sample: Error: no such file or directory

kbd

Means information that should be entered by the user.
Sample: press Alt + F4 to close this window. ESC

var

Means variables used in computer programs or scripts.
Sample: counter

abbr

Abbreviation / a shortened form of a word or phrase.
Sample: dr

acronym

Acronym / a word formed from the initial letters of other words.
Sample acronyms: XHTML

q

Inline quotation.
Sample: This is sample quotation

Other Elements

Subscript and superscript samples

H2O,
E = mc2,
The 14 th of September

Insertion and deletion samples

This information was just added.
Whilte this information is no longer valid.

Presentational elements

Bold text
Italic text
Typewriter text
Big
Small
Horizontal rule:






Common Patterns

Inline Images

image floated leftWho would think, then, that such fine ladies and gentlemen should regale themselves with an essence found in the inglorious bowels of a sick whale! Yet so it is. By some, ambergris is supposed to be the cause, and by others the effect, of the dyspepsia in the whale. How to cure such a dyspepsia it were hard to say, unless by administering three or four boat loads of Brandreth's pills, and then running out of harm's way, as laborers do in blasting rocks.

image floated rightI have forgotten to say that there were found in this ambergris, certain hard, round, bony plates, which at first Stubb thought might be sailors' trowsers buttons; but it afterwards turned out that they were nothing more than pieces of small squid bones embalmed in that manner.

Tables

Table title goes here
Mauris Tempor Praesent lacus nulla Quis
Mauris 23.000 Suspendisse viverra Yes
Trupis 1.000 Placerat tortor aesent semper No
Sagittis 122.000 Neque vel condimentum No
Libero 500 Hendrerit, lectus elit pretium Yes
Tristique 100.000 Ligula nec consequat Yes
Id Neque 600.000 Etiam sodales orci nec No

Forms

Fieldset with legend