HTML İle Basit Web Sitesi Oluşturma

Aşağıda HTML kullanarak basit bir web sitesi oluşturmak için bir örnek bulunmaktadır:

```html
DOCTYPE html>
 lang="en">
>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Basit Bir Web Sitesi</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
  
        header {
            background-color: #333;
            padding: 20px;
            color: #fff;
            text-align: center;
        }
  
        nav {
            background-color: #f4f4f4;
            padding: 10px;
        }
  
        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
  
        nav ul li {
            display: inline;
            margin-right: 10px;
        }
  
        main {
            padding: 20px;
        }
  
        footer {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }
    </style>
</head>
>
    <header>
        <h1>Basit Bir Web Sitesi</h1>
    </header>

    <nav>
        <ul>
            <li><a href="#">Anasayfa</a></li>
            <li><a href="#">Hakkımızda</a></li>
            <li><a href="#">Hizmetler</a></li>
            <li><a href="#">İletişim</a></li>
        </ul>
    </nav>

    <main>
        <h2>Anasayfa</h2>
        <p>Hoş geldiniz! Burası basit bir web sitesi örneği.</p>
    </main>

    <footer>
        &copy; 2021 Basit Web Sitesi. Tüm hakları saklıdır.
    </footer>
</body>
</html>
```

Yukarıdaki HTML kodu, bir web sitesi için temel yapıyı oluşturur. Header (başlık), nav (navigasyon), main (ana içerik) ve footer (altbilgi) bölümlerini içerir. CSS kodu, web sitesinin görünümünü belirlemek için kullanılır. Örneğin, `background-color` ile arkaplan renkleri, `padding` ile içeriklerin boşlukları, `margin` ile kenar boşlukları, `text-align` ile metin hizalamaları gibi özellikleri belirleyebilirsiniz.

Web sitesinin içeriği, `<h1>` ve `<h2>` başlıkları ve `<p>` paragrafları kullanılarak oluşturulur. Navigasyon menüsü için `<ul>` ve `<li>` etiketleri kullanılır. Bu örnek, basit bir web sitesi yapısını oluşturmak için kullanılabilecek bir başlangıç noktasıdır. İhtiyaçlarınıza göre özelleştirmeler yapabilirsiniz.

Tek sayfa örnek eğitim şablonu : bu şablonu eğitim amaçlı kullanabilirsiniz :