Main html

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="UFT-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>Luca's webseite</title>
        <link rel="stylesheet" href="main.css">
    </head>
    <main>
    <body>
        <header>
            <div class="tlgray">
                <h1>Internet</h1>
                    <h2>Webseite</h2>
                    <p>Wie dieses projext nur eine seite</p>
                    <h2>Website</h2>
                    <p>Mehrere verbundene webseiten</p>
            </div>
        </header>
        <div class="tab"></div>
        <nav>
            <a href="#art">Artiekel</a>
            <div></div>
            <a herf="#sec-1">Section eins</a>
            <div></div>
            <a herf=#sec-2>Section zwei</a>
            <div></div>
            <a href="#sec-3">Section drei</a>
            <div></div>
            <a href="#end">Nach unten</a>
        </nav>
        <div class="tab"></div>
        <article id="art">
            <h1>Unnütze Fakten</h1>
            <ul>
                <li><p>Pferde kömmem sich nicht übergeben</p></li>
                <li><p>Im Durchsnitt warten Menschen in Deutschland 7min an der Supermarktkasse</p></li>
                <li><p>Bambus ist ein Gras</p></li>
            </ul>
        </article>
        <div class="tab"></div>
        <section id="sec-1">
            <input type="text" id="inp">
            <div></div>
            <input type="email">
        <button onclick="main()">Knopf</button>
        <p id="out">Knopf drücken</p>
    </section>
    <div class="tab"></div>
        <section id="sec-2">
            <img src="luffy.jpg" alt="luffy gear5" width="600" height="400">
            <div class="transp">
                <h1>Mathe</h1>
                <p>a=x²,&radic;a=|x|</p>
                <p>wenn x=-2,2;a=4</p>
                <p>wenn a=81;x=-9,9</p>
                <div class="tab"></div>
                <p>y²+x²=1</p>
                <p>y²+x²-1=0</p>
                <p>y²-1=-x²</p>
                <p>y²=-x²+1</p>
                <p>x²=-y²+1</p>
            </div>
        </section>
        <div class="tab"></div>
        <section id="sec-3">
            <h1>IPS</h1>
            <p>a.b.c.d IP v4 max(a,b,c,d)=255</p>
            <p>a.b.c.d.e IP v5 max(a,b,c,d,e)=255</p>
            <p>bei IP v6 keine anung</p>
            <p>192.168.x.y home IP</p>
            <p>1->10.x.y.z private IP</p>
            <p>8.8.8.8 DNS von google</p>
        </section>
        <div class="tab"></div>
        <section id="end">
            <h1>Ende</h1>
        </section>
    </main>
        <footer>
            <div class="footer-content">
            <h1>Information:</h1>
            <ul>
                <li><p>Email:[email protected]</p></li>
                <li><p>Telefon nr.:015730276462</p></li>
                <li><a href="copyright.txt">copyright&copy;</a></li>
            </ul>
            </div>
        </footer>
        <script src="main.js"></script>
    </body>
</html>