Menu
CoddyTech
ÖĞRENMEYE BAŞLA
flag Tr iconTürkçedown icon
PopülerYolculuk

HTML Öğren

Ücretsiz, interaktif online HTML kursu. Her derste HTML yazıyorsun, yazdıkça canlı önizleme ve bitirdiğinde ücretsiz sertifika.

ÖĞRENMEYE BAŞLA(ücretsiz)
Müfredatı görHTML playground

336,814+ codders kayıtlı

241 ders212 görev1,193 quiz sorusu

  • Başlangıç dostu
  • sparkles iconYapay zeka destekli kodlama yardımı
  • hint iconUygulamalı interaktif dersler
  • volume On iconHer derste sesli anlatım
  • quiz iconBilgini sınamak için testler
  • certificate iconÜcretsiz tamamlama sertifikası

Müfredat

5 bölüm6 proje241 ders212 görev1,193 quiz sorusu
  1. Bölüm 1

    Temeller

    Bölüme başlaBaşlaGenişletDaralt    Web sayfalarını sıfırdan oluşturmak için temel yapı ve sözdizimini öğrenin60 ders75 görev251 soru3 proje

    HTML Temelleri

    5 ders530

    Metin ve Biçimlendirme

    6 ders1135

    Listelerle Çalışma

    4 ders721

    Tarif Kartı

    Proje4 ders1

    İçerik Ekleme

    5 ders837

    Sayfa Düzeni

    5 ders930

    Kişisel Profil Sayfası

    Proje5 ders1

    Formlar ve Inputlar Bölüm 1

    6 ders936

    Formlar ve Girdiler Bölüm 2

    7 ders1239

    Tablolar

    4 ders723

    Etkinlik Kayıt Sayfası

    Proje5 ders1

    Final Meydan Okumaları

    4 ders4
  2. Bölüm 2

    CSS ile Stil VermeÖzel sayfa

    Bölüme başlaBaşlaGenişletDaralt    Web sayfalarınızı renkler, düzenler ve stillerle canlandırın76 ders100 görev418 soru3 proje

    Giriş

    5 ders540

    CSS Ekleme

    4 ders725

    Temel Seçiciler

    7 ders1247

    Metin Temelleri

    8 ders1450

    Renkler ve Arka Planlar

    5 ders834

    Kafe Menüsü

    Proje3 ders1

    Kutu Modeli Bölüm 1

    6 ders943

    Kutu Modeli 2. Bölüm

    5 ders833

    Flex Box

    6 ders943

    Giriş Formu

    Proje4 ders1

    Düzen Teknikleri

    7 ders1151

    Duyarlı Tasarımın Temelleri

    6 ders1052

    Tonga Web Sayfası

    Proje6 ders1

    Final Görevler

    4 ders4
  3. Bölüm 3

    CSS HakimiyetiÖzel sayfa

    Bölüme başlaBaşlaGenişletDaralt    CSS becerilerinizi bir sonraki seviyeye taşıyın!43 ders40 görev164 soru

    Seçici Uzmanlığı – Kombinasyon

    6 ders539

    Etkileşimli Sözde Sınıflar

    5 ders431

    Yapısal sözde sınıflar

    5 ders432

    Açılır Menü Projesi

    4 ders4

    Görsel Efektler

    5 ders536

    Açılış Sayfası

    5 ders5

    CSS Grid ile İnşa Edin

    4 ders426

    Flavor Fiesta web sitesi

    4 ders4

    Son Meydan Okumalar

    5 ders5
  4. Bölüm 4

    Pratik Ön Yüz

    Bölüme başlaBaşlaGenişletDaralt    Yapı ve stili birleştirerek tam, duyarlı web sayfaları tasarlayın35 ders34 görev197 soru

    Değişkenler

    5 ders432

    Mobil Öncelikli Strateji

    6 ders643

    Temalandırma ve Görsel Stiller

    5 ders535

    Ekstrem Sporlar

    3 ders3

    UI bileşenleri

    6 ders642

    Responsive Tasarım Kalıpları

    6 ders645

    Final Meydan Okumaları

    4 ders4
  5. Bölüm 5

    JavaScript Eylemde

    Bölüme başlaBaşlaGenişletDaralt    JavaScript'in HTML ve CSS ile nasıl kullanıldığını keşfedin27 ders27 görev163 soru

    Etkileşimlilik/UI Bileşenleri

    4 ders433

    Formlar ve Doğrulama

    3 ders324

    Bildirimler ve Geri Bildirim

    3 ders327

    Toast Bildirimi İçeren Form

    2 ders2

    Gezinme

    3 ders329

    Temalandırma ve Kişiselleştirme

    2 ders217

    Animasyonlar ve Efektler

    3 ders327

    Animasyonlu Gezinme

    3 ders36

    Son Zorluklar

    4 ders4

HTML kursları

Tarayıcıda ücretsiz başlanan, uygulamalı HTML kursları.

Güneş Tutulması Animasyonu | HTML/CSS Projesi

Popüler

Bu kursta harika bir "Güneş Tutulması" animasyonu oluşturacaksınız. Animasyon kullanarak nasıl ilgi çekici ve işlevsel kullanıcı arayüzleri oluşturabileceğimizi keşfedeceksiniz.

  • 10
  • 2

Instagram Sayfası Klonu | Front-End Projesi

Popüler

Bu kursta standart ve basit HTML & CSS yaklaşımlarını uygulayacak ve bir Instagram Sayfası Klonu Projesi oluşturacaksınız.

  • 16
  • 5

YouTube Video Oynatıcı - HTML Projesi

Popüler

Bu projede, HTML kullanarak bir YouTube video oynatıcı oluşturacak ve bu süreçte çeşitli öznitelikleri keşfedeceksiniz.

  • 7
  • 1

JavaScript DOM Metotları

Bu kursta, en yaygın kullanılan JavaScript DOM metotlarını ve bunları nasıl kullanacağınızı öğreneceksiniz!

  • 13

Kronometre - HTML/CSS/JS Projesi

Bu projede, HTML, CSS ve JavaScript kullanarak temel bir kronometre oluşturacaksınız.

  • 10
  • 3

HTML/CSS Meydan Okumaları - Paket I

Bu kurs, HTML ve CSS bilginizi eğlenceli ve etkili bir şekilde sınayacak!

  • 11
26 HTML kursunun tümünü gör →
Neler elde edersin
Kod yazmayı öğrenmek için kullanacağın her şey

Yaparak Öğren

Gerçek kod yazın, veritabanlarını sorgulayın, web siteleri oluşturun ve AI promptlarını öğrenin. İnteraktif derslerimiz modern geliştiricilerin ihtiyaç duyduğu tüm becerileri kapsar.

playground.js
Kod Editörü
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Girdi
"Alex"
Çıktı
"Hello, Coddy! Alex"

Serinizi Oluşturun

Tutarlı olun ve ilerlemenizin büyümesini izleyin! Günlük kodlama alışkanlığınızı takip edin, dondurma günleriyle serinizi koruyun ve her gün geldiğiniz için ödüller kazanın.

12 gün seri

Serinizi korumak için yarın geri dönün!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Ya Hep Ya Hiç

7 günün 5. günü

fire Freeze icon

Seri Dondurma

2 left

Yolda Kodlayın

Kodlama yolculuğunuzu yanınızda taşıyın! Kurulum yok, indirme yok - sadece açın ve kodlamaya başlayın. iOS, Android ve Web'de 4.9 yıldız puanıyla kullanılabilir.

Python
7Seri
250Puan
5Enerji
Değişkenler
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
DEVAM ET
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Yolculuk
Hedefler
Liderlik Tablosu
Profil
4.9
YıldızYıldızYıldızYıldızYıldız
Puan

Yalnız Değilsiniz

Küresel sıralamalarda yarışın, ödüller kazanmak için arkadaşlarınızı davet edin ve birbirinizin başarılarını kutlayın. Kodlama arkadaşlarla daha iyi!

Challenger Ligi
Challenger Ligiİlk 7 yükselir
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconYükselme bölgesileaderboard Arrow Up icon

Her şekilde öğren

Okuyun, dinleyin, kendinizi sınayın, AI'ya sorun veya daha önce öğrendiklerinize geri bakın. Her ders size uyum sağlar.

Değişkenlere Giriş
Ses

Değişken, programınızda daha sonra başvurabileceğiniz bir değeri saklayan adlandırılmış bir kaptır.

Python'da bir tane oluşturmak için önce adı, sonra eşittir işaretini, sonra saklamak istediğiniz değeri yazın.

Değer zamanla değişebilir - yeniden atama, adı yeni bir değere yönlendirir.

1xSarah

Sertifika Kazanın

Tamamladığınız her kurs için sertifika kazanın. LinkedIn profilinize ve özgeçmişinize ekleyerek işverenlere programlama uzmanlığınızı gösterin.

CoddyTamamlama Sertifikası
Bu belge şunu onaylar:Ahmet Yılmazbaşarıyla tamamlamıştır
python iconPython Temelleri
Doğrulandı
TarihOca 2026
LinkedInLinkedIn'e Ekle

Neden Coddy ile HTML öğrenmelisin

  • HTML'i tarayıcında yaz ve oluşturulan sayfayı yan yana gör. Editör kurulumu yok, hiçbir ayar yok. HTML kodunda yaptığın her değişiklik anında ekrana yansıyor, böylece geri bildirim döngüsü kısa kalıyor.
  • Modern, semantik HTML: başlıklar, listeler, bağlantılar, görseller, tablolar, formlar ve <header>, <nav>, <main>, <section>, <footer> gibi semantik etiketler. Gerçek bir web sitesi kurarken kullanacağın türden HTML.
  • Yapay zeka ipuçları, HTML hatalarını düzeltmene yardımcı olur - kapanmamış etiketler, bozuk attribute söz dizimi, gözden kaçan erişilebilirlik ayrıntıları - cevabı vermeden, böylece HTML alışkanlıkların kalıcı olur.
  • Bitirdiğinde ücretsiz HTML sertifikası. Web geliştirme için sağlam bir ilk adım; CSS ve JavaScript kurslarıyla doğal bir şekilde tamamlanıyor.

HTML öğrenme hakkında sık sorulan sorular

HTML öğrenmek kolay mı?

HTML, teknolojide öğrenebileceğin en kolay şeylerden biri. Programlama dili değil, bir işaretleme dili - mantık yazmak yerine içerik parçalarını (başlıklar, paragraflar, bağlantılar, görseller) etiketliyorsun. Yeni başlayanların çoğu daha ilk saatte ilk gerçek web sayfasını kurar.

HTML öğrenmek ne kadar sürer?

HTML temelleri günlük pratikle genellikle bir iki haftada öğrenilir. Gerçek projeler üretirken rahat etmek için hızına göre bir ila üç ay ayırmak mantıklıdır.

HTML'i CSS ve JavaScript'ten önce mi öğrenmeliyim?

Evet. HTML, sayfanın yapısını tanımlar; CSS görünümünü kontrol eder; JavaScript ise etkileşim katar. Önce HTML öğrenmek, sonra stil verip canlandırabileceğin somut bir şeyin olması demek. HTML kursu bilerek kısa tutuldu; böylece hızlıca CSS ve JS'e geçebilirsin.

HTML bir programlama dili mi?

Açıkçası hayır. HTML, web içeriğinin yapısını tanımlamak için kullanılan bir işaretleme dilidir. Tek başına değişkenleri, koşulları veya döngüleri yoktur. Bir web sayfasındaki asıl programlama JavaScript'ten gelir; o da ayrı bir kursta ele alınıyor.

HTML'i ücretsiz olarak online öğrenebilir miyim?

Evet. Etkileşimli HTML kursu ücretsiz - dersler, kodlama egzersizleri, canlı HTML önizlemesi ve bir sertifika. Her şey tarayıcıda çalışıyor, yani başlamak için herhangi bir editör ya da araç kurmanıza gerek yok.

HTML kursundan sonra sertifika alıyor muyum?

Evet. HTML kursunu bitirdiğinde ücretsiz bir tamamlama sertifikası alıyorsun. Özgeçmişine ekleyebileceğin ya da LinkedIn'de paylaşabileceğin, doğrulanabilir bir kanıt - genelde daha kapsamlı bir HTML, CSS ve JavaScript portföyüne giden yolda bir adım.

Bu kursu içeren öğrenme yolları

Bu kurs daha uzun bir yolun bir adımı: birden fazla kurs, bir mentorun öğreteceği sırayla, her biri kendi ücretsiz sertifikasıyla.

Coddy programlama dilleri çizimi

Coddy ile HTML öğrenin

BAŞLA