HTMLex4

<!--Shavit Borisov-->
<!--7.10.14-->
<!--http://pastebin.com/bunaQRKm-->

<!DOCTYPE html>
<html style="height: 100%; width: 100%; direction: rtl">
    <head>
        <meta charset="UTF-8">
        <title>HTMLex4</title>
    </head>
    <body style="height: 100%; width: 100%">
        <div style="background-color: yellow; height: 98%; width: 98%">
            <div style="float:right; background-color: pink; width: 96%; height: 16%; margin-top: 1em; margin-right: 1em; margin-left: 1em">
                <p style = "text-align: right"><span style = "font-weight: bold">איזור עבודה עליון ותפריטים אופקיים</span></p>
                <br>
                <table style = "float: right; width: 500px"><tr align = "center" style = "color: white">
                    <td style = "border: 2px red solid">ראשי</td>
                    <td style = "border: 2px red solid">רישום לאתר</td>
                    <td style = "border: 2px red solid">כניסה</td>
                    <td style = "border: 2px red solid">דף עבודה</td>
                    <td style = "border: 2px red solid">אודות</td>
                </tr></table>
            </div>
            <div style="float:right; background-color: lightblue; width: 15%; height: 60%; margin-top: 1em; margin-right: 1em; margin-left: 1em">
                <p style="text-align: center; font-size: 20pt">איזור תפריטים אנכיים<p>
            </div>
            <div style="float:right; background-color: lightgreen; width: 80%; height: 60%; margin-top: 1em; margin-left: 1em">
                <p style="text-align: center; font-size: 20pt">איזור התכנים המרכזיים של הדף<p>
            </div>
            <div style="float:right; background-color: grey; width: 96%; height: 10%; margin: 1em">
                <p style="text-align: center; font-size: 20pt">הסרגל התחתון<p>
            </div>
        </div>
    </body>
</html>