Website mit HTML

<!DOCTYPE html>
<html lang="de">
<head>
<link rel="stylesheet" href="stylehome.css" type="text/css">
<meta charset="UTF-8">
<title>mak3r.in0 | Smarthome</title>
</head>


    <body onload="ladefunktion(); ladefunktion2(); ladefunktion3()">
        <div id="wrapper">                                              <!-- hier wird der wrapper benannt -->
            <header><img src="logo.png" alt="Logo" height="115" width="175"></header>

            <nav>
                <ul>
                    <li><a href= "index.html">Übersicht</a></li>
                    <li><a href= "wohnzimmer.html">Wohnzimmer</a></li>          <!-- seiten anpassen -->
                    <li><a href= "schlafzimmer.html">Schlafzimmer</a></li>
                    <li><a href= "badezimmer.html">Badezimmer</a></li>
                </ul>
            </nav>

            <section>

            <!--
            hier werden die Button festgelegt die das java script aufrufen
            <input type="submit" onclick="frameload()" id="Button1" name="Button1" value="Grün an">
            <input type="submit" onclick="myFunction2()" id="Button2" name="Button2" value="Grün aus"><p>
            <input type="label" id="label1" name="label1" value=""><p>

..      <input type="submit" onclick="myFunction1()" id="Button1" name="Button1" value="Grün an".>
            <input type="submit" onclick="myFunction2()" id="Button2" name="Button2" value="Grün aus"><p>
            -->

            <div class="wz">
            <h2>Wohnzimmer</h2>
            </div>

            <div class="framebox">
            <iframe frameborder="0" width=600 height=70px id= frame1 name= frame1>

            </iframe>
            </div>

            <div class="textbox">
            <a href="ausgabewohnmain.php" target="frame1">Aktualisieren</a></br>
            </div>
            <br>
            <br>


            <div class="sz">
            <h2>Schlafzimmer</h2>
            </div>

            <div class="framebox1">
            <iframe frameborder="0" width=600 height=70px id= frame2 name= frame2>

            </iframe>
            </div>

            <div class="textbox1">
            <a href="ausgabeschlafmain.php" target="frame2">Aktualisieren</a></br>
            </div>


            <div class="bad">
            <h2>Badezimmer</h2>
            </div>

            <div class="framebox2">
            <iframe frameborder="0" width=600 height=70px id= frame3 name= frame3>

            </iframe>
            </div>

            <div class="textbox2">
            <a href="ausgabebadmain.php" target="frame3">Aktualisieren</a></br>
            </div>

            </section>

            <aside>


            </aside>

            <p></p>
            <footer>&copy; mak3r.in0-YouTube Kanal, Urheber Armin</footer>
        </div>

    <script language ="javascript" type="text/javascript">

    function ladefunktion(){
    document.getElementById('frame1').src="ausgabewohnmain.php";
    }

    function ladefunktion2(){
    document.getElementById('frame2').src="ausgabeschlafmain.php";
    }

    function ladefunktion3(){
    document.getElementById('frame3').src="ausgabebadmain.php";
    }
    </script>

    </body>

</html>