Son İletiler

#21
HTML ve CSS / HTML nedir?
Son İleti Gönderen cakal - Mar 18, 2024, 10:58 ÖÖ
HTML (Hypertext Markup Language), web sayfalarının yapısal içeriğini tanımlamak için kullanılan bir işaretleme dilidir. HTML, metin, bağlantılar, görseller, tablolar, formlar ve diğer öğeleri kullanarak sayfanın yapısını belirtir. Tarayıcılar bu HTML belgelerini okuyarak, sayfanın nasıl görüntüleneceğini ve etkileşimli öğelerin nasıl çalışacağını anlarlar.

İşte basit bir HTML örneği:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Örneği</title>
</head>
<body>
    <header>
        <h1>Web Sayfamız</h1>
        <nav>
            <ul>
                <li><a href="#anasayfa">Ana Sayfa</a></li>
                <li><a href="#hakkimizda">Hakkımızda</a></li>
                <li><a href="#iletisim">İletişim</a></li>
            </ul>
        </nav>
    </header>

    <section id="anasayfa">
        <h2>Hoş Geldiniz!</h2>
        <p>Web sayfamıza hoş geldiniz. Burada çeşitli konularda bilgiler bulabilirsiniz.</p>
    </section>

    <section id="hakkimizda">
        <h2>Hakkımızda</h2>
        <p>Web sayfamız, bilgi paylaşımı ve etkileşim için oluşturulmuştur.</p>
    </section>

    <section id="iletisim">
        <h2>İletişim</h2>
        <p>Bizimle iletişime geçmek için <a href="mailto:info@example.com">info@example.com</a> adresini kullanabilirsiniz.</p>
    </section>

    <footer>
        <p>&copy; 2024 Web Sayfamız. Tüm hakları saklıdır.</p>
    </footer>
</body>
</html>

Bu HTML örneğinde, sayfanın başlık, bağlantılar, bölümler ve altbilgi gibi temel yapısal öğeleri bulunmaktadır. `<!DOCTYPE html>` ifadesi HTML5 belgesi olduğunu belirtir. `<head>` bölümü, sayfanın meta bilgilerini ve stil dosyalarını içerir. `<body>` bölümü ise sayfanın görünen içeriğini içerir.

HTML, sayfaların içeriğini organize etmek ve tarayıcılara nasıl gösterileceğini belirtmek için temel bir yapı sağlar. CSS ve JavaScript gibi diğer teknolojilerle bir araya geldiğinde, daha zengin ve etkileşimli web siteleri oluşturabilirsiniz.
#22
HTML ve CSS / CSS nedir?
Son İleti Gönderen cakal - Mar 18, 2024, 10:54 ÖÖ
CSS (Cascading Style Sheets), bir web sayfasının görüntülenme şeklini kontrol etmek için kullanılan bir stil dilidir. HTML veya XML gibi belge türlerine görsel stili uygulamak için kullanılır. CSS, bir sayfanın metin boyutları, renkleri, kenar boşlukları, hizalamaları, arka plan resimleri ve diğer birçok özellikle ilgilenir. Ayrıca, sayfanın farklı cihazlarda (bilgisayarlar, tabletler, telefonlar) nasıl görüneceğini kontrol etmek için kullanılır.

İşte basit bir HTML belgesi ve ona uygulanan birkaç CSS örneği:

**HTML:**
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Örnekleri</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>Mesaj Kutusu</h1>
        <p class="message">Merhaba, benim adım GPT-3.5!</p>
    </div>
</body>
</html>


**CSS (styles.css):**
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.container {
    width: 80%;
    margin: auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
    color: #333;
}

.message {
    font-size: 18px;
    color: #666;
}

Bu örnekte, CSS dosyasındaki stil kuralları, HTML belgesindeki öğelerin görünümünü kontrol eder. Örneğin, `body` etiketi için arka plan rengi, yazı tipi, ve kenar boşlukları belirlenmiştir. `container` sınıfı için bir kutu modeli ve gölge uygulanmıştır. `h1` başlığı ve `message` sınıfı için renk ve boyut belirlenmiştir.

CSS, HTML ile birlikte kullanılarak web sayfalarının daha güzel ve düzenli bir şekilde görüntülenmesini sağlar.
#23
HTML ve CSS / HTML ve CSS Kaynakları
Son İleti Gönderen cakal - Mar 18, 2024, 07:32 ÖÖ
HTML ve CSS öğrenmek için kullanabileceğiniz bazı kaynaklar şunlar:

1. **Mozilla Developer Network (MDN):** Web geliştirme konusunda kapsamlı ve güvenilir bilgiler sunan bir kaynaktır. (https://developer.mozilla.org/)

2. **W3Schools:** HTML, CSS ve diğer web teknolojileri konularında interaktif öğrenim materyalleri sunan bir sitedir. (https://www.w3schools.com/)

3. **CSS-Tricks:** CSS hakkında detaylı bilgiler ve örnekler içeren bir kaynaktır. (https://css-tricks.com/)

4. **Codecademy:** Interaktif bir platformda HTML ve CSS gibi konuları öğrenmenize yardımcı olur. (https://www.codecademy.com/)

5. **freeCodeCamp:** Hem başlangıç düzeyinde hem de daha ileri seviyede web geliştirme konularını içeren ücretsiz bir platformdur. (https://www.freecodecamp.org/)

6. **YouTube:** Kevin Powell, Traversy Media, The Net Ninja gibi YouTube kanalları, video formatında öğrenim materyalleri sunar.

7. **Kitaplar:** "HTML and CSS: Design and Build Websites" (Jon Duckett) gibi kitaplar, başlangıç düzeyinden itibaren konuları anlamak için faydalı olabilir.

Bu kaynaklar, HTML ve CSS öğrenmek için çeşitli seviyelerde bilgi sunar. İhtiyaçlarınıza uygun olanı seçebilir ve öğrenme sürecinizi daha etkili hale getirebilirsiniz.