HTML Elements – Content Styling Get Some Feeling of the Styles

Autobahn

Autobahn (foto: SXC.hu, user pp21)

Look for these examples


HTML Elements – Text

Lorem ipsum dolor sit amet, and here a test link adipiscing elit. This is a normal text but strong (strong tag). Nullam dignissim convallis est. Quisque aliquam. This is normal text but emphasized (em tag). Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. German Chancellor Angela Merkel (That’s a citation – cite tag). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename. Dinner’s at 5:00. Let’s make that 7. This text has been struck.


List Types

(1) Definition List

Definition List Title
This is a definition list division.
Definition
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.

(2) Ordered List

  1. List Item 1
  2. List Item 2
    1. Nested list item One
    2. Nested list item Two
  3. List Item 3

(3) Unordered List

  • List Item 1
  • List Item 2
    • Nested list item A
    • Nested list item B
  • List Item 3

Table

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Code

Code Tag

This is some code for you: #testid { display: none; }

Pre Tag

echo "Hello World!"; // This will print out Hello World!
echo "
Psst...You can't see my PHP comments!"; // echo "nothing"; // echo "My name is Humperdinkle!"; # echo "I don't do anything either";

(Some tip: for displaying real code examples we suggest the use of this great syntax highlighing plugin: SyntaxHighlighter Evolved)

 
(foto above: SXC.hu, user pp21)

» The Autobahn Theme runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!

Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About David Decker

WordPress enthusiast from Germany (state Saxony). Proud Genesis Framework user and translator of the German language files for Genesis (and lot of WP plugins already). Founder of DECKERWEB in 2000. I enjoy riding on my bike, tons of great music from all over the world and a strong tasty German coffee. For more, follow me @deckerweb or on Facebook and check out my blog (German mostly, though :).

Speak Your Mind