Posted By

LeeRJohnson on 06/14/09


Tagged

css style lorem ipsum guide


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

exanimo9
LeeRJohnson


HTML Text Level Markup Guide


 / Published in: HTML
 

  1. <ul>
  2. <li>
  3. <abbr title="Cascading Style Sheets">
  4. CSS</abbr>
  5. (an abbreviation; <code>abbr</code> markup used)</li>
  6. <li><acronym title="radio detecting and ranging">radar</acronym> (an acronym; <code>
  7. acronym</code> markup used)</li>
  8. <li><cite>Origin of Species</cite> (a book title; <code>cite</code> markup used)</li>
  9. <li><code>a[i] = b[i] + c[i);</code> (computer code; <code>code</code> markup used)</li>
  10. <li>an <dfn>octet</dfn> is an entity consisting of eight bits (<code>dfn</code> markup
  11. used for the term being defined)</li>
  12. <li>this is <em>very</em> simple (<code>em</code> markup used for emphasizing a word)</li>
  13. <li>type <kbd>yes</kbd> when prompted for an answer (<code>kbd</code> markup used for
  14. text indicating keyboard input)</li>
  15. <li><q>Hello!</q> (<code>q</code> markup used for quotation)</li>
  16. <li>He said: <q>She said <q>Hello!</q></q> (a quotation inside a quotation)</li>
  17. <li>you may get the message
  18. <samp>
  19. Core dumped</samp>
  20. at times (<code>samp</code> markup used for sample output)</li>
  21. <li><strong>this is highlighted text</strong> (<code>strong</code> markup used)</li>
  22. <li><tt>text in monospace font</tt> (<code>tt</code> markup used)</li>
  23. <li>the command <code>cat</code>
  24. <var>
  25. filename</var>
  26. displays the file specified by the
  27. <var>
  28. filename</var>
  29. (<code>var</code> markup used to indicate a word as a variable).</li>
  30. <li>In order to test how subscripts and superscripts (<code>sub</code> and <code>sup</code>
  31. markup) work inside running text, we need some dummy text around constructs like
  32. x<sub>1</sub> and H<sub>2</sub>O (where subscripts occur). So here is some fill
  33. so that you will (hopefully) see whether and how badly the subscripts and superscripts
  34. mess up vertical spacing between lines. Now superscripts: M<sup>lle</sup>, 1<sup>st</sup>,
  35. and then some mathematical notations: e<sup>x</sup>, sin<sup>2</sup> <i>x</i>, and
  36. some nested superscripts (exponents) too: Lorem ipsum dolor sit amet, consectetuer
  37. adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
  38. aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
  39. ullamcorper suscipit lobortis nisl ut aliquip ex ea euismod tincidunt ut laoreet
  40. dolore magna aliquam erat volutpat. </li>
  41. </ul>
  42. <p>Some of the elements tested above are typically displayed in a monospace font,
  43. often using the <em>same</em> presentation for all of them. This tests whether that
  44. is the case on your browser:</p>
  45. <ul>
  46. <li><code>This is sample text inside code markup</code></li>
  47. <li><kbd>This is sample text inside kbd markup</kbd></li>
  48. <li>
  49. <samp>
  50. This is sample text inside samp markup</samp></li>
  51. <li><tt>This is sample text inside tt markup</tt></li>
  52. </ul>

Report this snippet  

You need to login to post a comment.