Strona1

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>Strona 1</title>
<style>
img
    {
        width: 16px;
        height: 16px;
    }
body
    {
        background-color: #83a832;
        background-image: niedzwiedz.jpg;
        color: #7771eb;
        font-size: 24px;
    }
table
    {
        border: 2px solid #7771eb;
        border-collapse: collapse;
    }
td
    {
        border: 2px solid #7771eb;
    }
</style>
<body>
<h2>Lista uczniów</h2>
<ol type = "A">
<li>Jan Nowak</li>
<li>Agata Malinowska</li>
<li>Adam Nowak</li>
</ol>

<h3>Lista zakupów:</h3>
<ul type="square">
<li>masło</li>
<li>chleb</li>
<li>margaryna</li>
<li>sok jabłkowy</li>

<h4>Listy zagnieżdzone:<h4>
<ol>

<li>
element 1
<ol type = "a">

<li>element 1.1</li>
    <li> element 1.2
        <ul type = "square">
    <li>element 1.2.1</li>
</li>

</ul>

</ol>
</li>

<li>element 2</li>

<li>element 3
<ul type = "disc">
<li>element 3.1</li>

</ul>
</li>


</ul>
</ol>
<img src="szczur.jpg">
<img src="niedzwiedz.jpg">

<table>
<tr>
    <td colspan="2">A1+A2</td>
    <td rowspan="3">A3+A6+A9</td>
</tr>
<tr>
    <td>A4</td>
    <td>A5</td>
</tr>
<tr>
    <td>A7</td>
    <td>A8</td>
</tr>
</table>
</body>

</head>

</html>