Sample Markup Testpage

Learn more about the sample markup used on this page in this article.

This samplpe markup provides various HTML elements and how they would appear in your design. You might wantsuperscript to use the Firefoxsubscript extension Firebug to spot each element.
Lorem ipsum sensibus link eleifend reprehendunt ex nam, vocent recusabo omittantur ei nam. Cum te altera numquam, in dicta corpora mel.
She said, Quotation element verear iisque theophrastus ex vix, volutpat evertitur disputando eu mel. Sed at lorem legere electram.

Partem evertitur has ex. In vix hinc munere oportere, vel in dicunt intellegebat. Puto soluta at sed. An vim ignota eirmod, no vulputate intellegebat vix!
At urbanitas suscipiantur sea, dicant legimus mei et, maiorum propriae intellegat at sed!

This table holds weird numbers.
(Find out more about numbers on Wikipedia)
A B C D E F G
* ** *** 1 2 3 tfoot
Biology 65 6 5 5 6 6 6
Physics 65 6 5 5 6 6 6
Chemistry 65 6 5 5 6 6 6
Totals 65 12 45 86 56 56 56

Let’s continue with… Yes! Yet another paragraph! This text is within a span element consectetuer, vel quot malorum no! Has eu mollis iracundia. Eam latine conclusionemque ne. Et cibo veritus dissentiet eum, sed legendos qualisque evertitur te.

  1. // Use of the pre element for PHP code
  2. function get_blog_lang() {
  3. if ( function_exists('language_attributes') )
  4. return language_attributes();
  5. }

Eu facete perfecto nec, some CSS code: /* this is <code> element placed inline */ div#footer{text-align:center;} libris doming eos ex, tota omnium electram ius ad. Has eu vituperatoribus mediocrem. Eam aliquid deserunt mandamus eu, vituperatoribus nonummy iudico pro no, eos dicam aeterno at.

<?php
/**
 * This code snippet is
 * actually placed within
 * a <pre> block.
 * @uses DefaultClass
 * @see http://example.com/DefaultClass/
 *
 */
$main = MainClass::getInstance();
$main->setDoctype('xhtml');
$main->show();
?>

Let’s leave those boring data tables and code behind and move on to something fun: lists

  • Unordered list example item first
  • Magna everti diceret no qui
  • d discere urbanitas definitiones quo
    • a nested list.
    • argumentum quo id
      • second level <ul>-nesting
      • Ei nibh similique eam
      • Vix mediocrem sententiae ne
    • takimata eloquentiam
  • Usu libris albucius cu, kasd contentiones no eos
  • Zzril forensibus dissentias ex pro

Ea has emphasis text is here vocent aliquid dolorem, te utinam discere eripuit cum! Id cum strong emphasis text epicuri evertitur, cu summo nullam mucius vim? Quo an iuvaret invenire disputationi, cu vim commune suavitate, assum libris per id?
Ius bold text is here probatus rationibus id. Novum italicized text is here utinam democritum ad vim! Illud fabellas imperdiet vis et, et stet essent appareat quo!

  1. Ordered list example item first
  2. Magna everti diceret no qui
  3. d discere urbanitas definitiones quo
    1. nested, ordered list. aeterno consulatu
    2. argumentum quo id
      1. latine scribentur
      2. possim menandri
    3. takimata eloquentiam
  4. Usu libris albucius cu, kasd contentiones no eos
  5. Zzril forensibus dissentias ex pro

Eum error accommodare ea! Cu nam modo iusto! His in quot a citation from Designing with Web Standards Paulo efficiendi, in aliquip nostrum eam! Cu sea dicunt intellegam consequuntur, omnis adipiscing id est?
An abbreviation of JAMA reque illum audiam nam, aeterno consulatu argumentum quo id, soluta mandamus ei vix? Eu qui alii nobis propriae, has dolor molestiae ut. His aliquid pertinax in, alterum facilis takimata in mea. Nec mazim aeque an. Ius ad errem saperet postulant, equidem perpetua mediocrem est at.

Et mea elit perpetua torquatos, id qui aeque albucius instructior? Te eum quis doctus delicata. Vim alia erant salutatus ad. Ius etiam scriptorem ne? Iracundia appellantur vix at, ut debitis vituperatoribus mea!

Nested Blockquote. Lorem ipsum sensibus eleifend reprehendunt ex nam, vocent recusabo omittantur ei nam. Cum te altera numquam, in dicta corpora mel. Verear iisque theophrastus ex vix, volutpat evertitur disputando eu mel.

Magna everti diceret no qui, id discere urbanitas definitiones quo? Dicant recusabo interesset ne vim, in mei ignota deterruisset!

Ferri graece prompta ex duo, latine scribentur eu cum, nam voluptua oportere definitiones id.
Deleted text: Duo in odio aliquam, sit aliquam comprehensam eu. Liber virtute detraxit ei vix! Ex eam wisi aliquam adipisci. An usu platonem qualisque, ex platonem maluisset constituam sea.
Inserted text: Eos ex tractatos definitiones. Choro timeam sed ut, te qui cibo semper phaedrum, appetere delicata cu eos. Periculis dignissim ex per.

This last paragraph is wrapped in a $lt;div> Lorem inermis cotidieque usu no, delenit scripserit reprehendunt qui ad. Ne eum recteque splendide. Qui possim menandri referrentur ea, assentior theophrastus id vis, id feugiat persecuti est!

Kommentieren ist momentan nicht möglich.