HTMLex2

<!--Shavit Borisov-->
<!--16.9.14-->
<!--http://pastebin.com/0tuaL8be-->

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Example 2</title>
    </head>
    <body>
        <h1>This page will demonstrate the use of Tables in various layout and content (inc. images)</h1>
        <hr>
        <pre>Table 1 demonstrates the use of the following tags: table, caption, thead, tbody, tr, th, td.</pre>
        <table border = "1" style = "width: 365px">
        <caption style = "caption-side: bottom; background-color: lightblue">Table1</caption>
            <thead align = "center" style = "background-color: gray">
                <tr>
                    <th>עמודה 1</th>
                    <th>עמודה 2</th>
                    <th>עמודה 3</th>
                    <th>עמודה 4</th>
                </tr>
            </thead>
            <tbody align = "center">
                <tr>
                    <td>1.1</td>
                    <td>1.2</td>
                    <td>1.3</td>
                    <td>1.4</td>
                </tr>
                <tr>
                    <td>2.1</td>
                    <td>2.2</td>
                    <td>2.3</td>
                    <td>2.4</td>
                </tr>
                <tr>
                    <td>3.1</td>
                    <td>3.2</td>
                    <td>3.3</td>
                    <td>3.4</td>
                </tr>
            </tbody>
        </table>
        <hr>
        <pre>Table 2 demonstrates the use of the following tags/attributes: colspan, rowspan, border-collapse, img, table-layout, cell padding, text-allign, margin, (text) direction</pre>
        <table border = "1" style = "width: 365px; table-layout: fixed; border-collapse: collapse" >
        <caption style = "caption-side: bottom; background-color: lightblue">Table2</caption>
            <tr>
                <th colspan = "4" align = "center" style = "background-color: yellow">כותרת ראשית לטבלה</th>
            </tr>
            <tr align = "center" style = "background-color: yellow">
                <th>עמודה 1</th>
                <th colspan = "2">עמודה 2</th>
                <th>עמודה 3</th>
            </tr>
            <tbody align = "center">
                <tr>
                    <td rowspan = "3" align = "right" style = "text-align: right; direction: rtl; vertical-align: top">איזור בטבלה שניתן להכניס בו טקסט חופשי.</td>
                    <td>1.2</td>
                    <td rowspan = "2"><img src = "http://img1.wikia.nocookie.net/__cb20130105034100/unanything/images/f/f6/Grumpy_Cat.jpg" width = "88"></td>
                    <td>1.4</td>
                </tr>
                <tr>
                    <td>2.2</td>
                    <td>2.4</td>
                </tr>
                <tr>
                    <td>3.2</td>
                    <td>3.3</td>
                    <td>3.4</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>