☰ Dersleri Göster

HTML 5 Semantic Elements - Anlamsal Etiketler

Bu derste HTML 5 ile beraber gelen anlamsal etiketlerin neler olduğunu öğreneceksiniz.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
</head>
<body>

    <header style="border:1px solid red;"> 
        <img src="img/coder.jpg" width="15%" alt="">
        <nav>
            <ul>
                <li> <a href="#">Anaysafa</a> </li>
                <li> <a href="#">Hakkımızda</a> </li>
                <li> <a href="#">İletişim</a> </li>
            </ul>
        </nav>

    </header>

    <main style="border:1px solid red;">
        <article style="border:1px solid black;">
            <h1>Ürünlerimiz Hakkında</h1>
            <section>
                <h2>Ürün 1</h2>
                <p>Bu ürün metalden yapılmıştır.</p>
            </section>
            <section>
                <h2>Ürün 2</h2>
            </section>
            <section>
                <h2>Ürün 3</h2>
            </section>
            <aside>
                En iyi müşterilerimiz
                <p>Kaan Academy</p>
            </aside>
            <aside>
                Biz Kimiz?
            </aside>
        </article>
        <aside>
            Sok okunanlar
        </aside>

       
    </main>


    <footer style="border:1px solid blue;">
        Gizlilik sözleşmesi için <a href="#">Tıklayınız</a>
        <nav>

            <ul>
                <li> <a href="#">Anaysafa</a> </li>
                <li> <a href="#">Hakkımızda</a> </li>
                <li> <a href="#">İletişim</a> </li>
            </ul>
        </nav>
        <nav>
            <ul>
                <li> <a href="#">Facebook</a> </li>
                <li> <a href="#">Twitter</a> </li>
                <li> <a href="#">Instagram</a> </li>
            </ul>
        </nav>
    </footer>


</body>
</html>