If you're seeing this message, it means we're having trouble loading external resources on our website.

Bağlandığınız bilgisayar bir web filtresi kullanıyorsa, *.kastatic.org ve *.kasandbox.org adreslerinin engellerini kaldırmayı unutmayın.

Ana içerik

Ünite: HTML/CSS'ye Giriş: Web Sayfası Oluşturma

HTML'e Giriş

HTML'nin ne olduğunu ve işaretli metin ve görüntülerle nasıl bir web sayfası yapabileceğinizi öğrenin.
Bu bölümdeki konular:
Web'e Hoşgeldiniz!
(Bir ekran açılır)
HTML temelleri
(Bir ekran açılır)
Hızlı ipucu: HTML etiketleri
(Bir ekran açılır)
Uygulama: Bir şiir yaz
(Bir ekran açılır)
Uygulama: Metin etiketlerini öğrenebilirsin
(Bir ekran açılır)
Zor Görev: Öğrenme listeniz
(Bir ekran açılır)
Uygulama: Muhteşem bir seyahatten resimler
(Bir ekran açılır)

CSS

Basit CSS kuralları yazmayı, öğe, sınıf, veya kimliğe göre seçmeyi, ve sayfanızın renklerini değiştirmeyi öğrenin.
Bu bölümdeki konular:
Zor görev: Renkli yaratık
(Bir ekran açılır)
Zor Görev: Mevsimsel kimlikler
(Bir ekran açılır)
Zor Görev: Elma ve muz sınıfları
(Bir ekran açılır)
Alıştırma
Test: Basit CSS seçicileri
4 soru

Başka HTML Etiketleri

Bağlantı, tablo, ve yorum yapmayı öğrenin.
Bu bölümdeki konular:
Zor Görev: Sevdiğiniz Bağlantılar
(Bir ekran açılır)
Zor Görev: Zıplama
(Bir ekran açılır)
Zor Görev: Akşam yemeği
(Bir ekran açılır)

CSS Metin Özellikleri

Yaz tipi aileleri, boyut, aralık, ve hizalama gibi metninize stil vermeyi öğrenin.
Bu bölümdeki konular:
CSS Zen Garden
(Bir ekran açılır)
Zor Görev: Süslü yazı türleri
(Bir ekran açılır)
Zor Görev: Çok büyük fontlar
(Bir ekran açılır)
Zor Görev: Ünlü yazı tipi biçimleri
(Bir ekran açılır)

Web Geliştirme Araçları

Web sayfalarınızı geliştirmek için başka editörleri kullanmayı ve web sayfalarındaki hataları ayıklamak için web geliştirici araçlarını kullanmayı öğrenme.
Bu bölümdeki konular:
Tarayıcı geliştirme araçlarını kullanma
(Bir ekran açılır)

CSS Layout

Web sayfalarınızın düzenini değiştirmek için, HTML span ve div öğelerini, position ve float gibi CSS özellikleriyle kullanmayı öğrenin.
Bu bölümdeki konular:
Zor Görev: Gruplamaları grupla
(Bir ekran açılır)
Taşan okyanus
(Bir ekran açılır)
Zor görev: Bıskör modeli
(Bir ekran açılır)
Zor Görev: Gezegeni konumlandırın
(Bir ekran açılır)
CSS Kullanım Örneği: Google Haritalar
(Bir ekran açılır)
Zor Görev: Yüzen bulutlar
(Bir ekran açılır)
Alıştırma
Test: CSS Düzeni
5 soru

Başka CSS Seçicileri

Daha karmaşık seçicileri öğrenin - birden çok sınıf kullanma, ögeleri sınıflarla birleştirme, alt seçiciler, gruplandırılmış seçiciler ve dinamik sözde sınıflar.
Bu bölümdeki konular:
Zor Görev: Klas bir galeri
(Bir ekran açılır)
Zor Görev: Öğe sınıfları
(Bir ekran açılır)
Zor Görev: Khan Soyu
(Bir ekran açılır)
Zor Görev: Gruplanmış hayvanlar
(Bir ekran açılır)
Alıştırma
Test: CSS özgüllüğü
3 soru

Daha Fazla Öğrenelim!

HTML ve CSS öğrenmeye devam etmek için ne yapabilirsiniz?
Bu bölümdeki konular:
HTML Kodunun Doğrulanması
(Bir ekran açılır)
Alıştırma
Test: Bu HTML'yi doğrulama
3 soru

Bu ünite hakkında

Web sayfaları yaratmak için HTML ve CSS'yi nasıl kullanacağınızı öğrenin. HTML tarayıcılara başlıklar, listeler, tablolar vb. içeriği oluşturmasını söylemenizi sağlayan yazım dilidir. CSS, tarayıcılara biçimlendirdiğiniz sayfanın rengini, yazı tipini, tasarımını ve benzerini değiştirmesini söylemenizi sağlayan stil sayfası dilidir.