Son İletiler

1 2 3
#21
HTML ve CSS / Harici CSS stil sayfamı HTML b...
Son İleti Gönderen cakal - Mar 18, 2024, 11:02 ÖÖ
Harici bir CSS dosyasını HTML belgenize bağlamak için `<link>` etiketini kullanabilirsiniz. Bu işlem, HTML belgenizin `<head>` bölümü içinde gerçekleştirilir. İşte bir örnek:

html
<
Kod Seç
!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Harici CSS Bağlama</title>
   
    <!-- Harici CSS dosyasını bağlama -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Sayfa içeriği buraya gelecek -->
</body>
</html>
Yukarıdaki örnekte, `<link>` etiketi kullanılarak `styles.css` adlı harici CSS dosyası bağlanmıştır. Bu dosya, HTML belgesindeki stil kurallarını içerecek ve sayfanın görünümünü kontrol edecektir.

`href` özelliği, bağlanacak olan dosyanın yolunu belirtir. Bu yol, dosyanın konumuna göre mutlak veya göreceli olabilir. Eğer CSS dosyanız aynı dizinde ise sadece dosyanın adını belirtebilirsiniz. Aksi takdirde, dosyanın yolu doğru şekilde belirtilmelidir.

Bu yöntem sayesinde, aynı CSS dosyasını birden fazla HTML belgesinde kullanabilir ve stil değişiklikleri yaparken tek bir dosyayı güncellemeniz yeterli olacaktır.
#22
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:

Kod Seç
<!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.
#23
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:**
Kod Seç
<!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):**
Kod Seç
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.
#24
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.
1 2 3