More HTML

Just plain text can get a bit boring. But HTML can do so much more ... For a start, why don't you spice things up with some images?

Images

Lists

Sometimes it is useful to list things. For example all the cute cate memes you collected at your journey through the web. Your friends will love your list with cute kittys!

<p>Cute Kitty</p>

<ul>
    <li><img src="http://placekitten.com/300/300?image=1" /></li>
    <li><img src="http://placekitten.com/300/300?image=5" /></li>
    <li><img src="http://placekitten.com/300/300?image=12" /></li>
    <li>And many more ...</li>
</ul>

<p>It takes three to form a hipster triangle</p>

<ol>
    <li>Eins</li>
    <li>Zwei</li>
    <li>Drei</li>
</ol>

Tables

And sometimes you need to be really organized. This is a case for tables!

<table>
    <thead>
        <tr>
            <td>Name</td>
            <td>Alter</td>
            <td>Beschreibung</td>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Awesome Code Monkey</td>
            <td>12</td>
            <td>Loves code adventures on the web - bananas!</td>
        </tr>
        <tr>
            <td>Cute Kitten Cookie</td>
            <td>Cookie does not talk about age</td>
            <td>Loves sweet milk and cookies, bows and little bells </td>
        </tr>
    </tbody>
</table>

Videos

Audio

Many more elements

Several Pages

One page:

<!-- links1.html -->
<p>Link to <a href="links2.html">another page</a>.</p>
<p>Or do you wanna
    <a href="http://lmgtfy.com/?q=cute kittens">go somewhere else</a>?
</p>

And another one:

<!-- 08-links2.html -->
<p>Und wieder <a href="08-links1.html">zurück</a>.</p>

This is a cool new trick - and it's an easy one as well. And although this may seem simple to you, you can build choose-your-own-adventure stories just with this. And of course you can use links between the pages of almost every website.

Interesting links you might like

German:

English: