Menu
Coddy logo textTech
ÖĞ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

281,604+ codders kayıtlı

241 ders212 görev1,195 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,195 quiz sorusu
  1. Bölüm 1

    Fundamentals

    Bölüme başlaBaşlaGenişletDaralt    Learn the core structure and syntax to create web pages from scratch60 ders75 görev252 soru3 proje

    HTML Temelleri

    5 ders531

    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

    Styling with CSSÖzel sayfa

    Bölüme başlaBaşlaGenişletDaralt    Bring your web pages to life with colors, layouts, and styles76 ders100 görev419 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 Bölüm 2

    5 ders834

    Flex Box

    6 ders943

    Giriş Formu

    Proje4 ders1

    Yerleşim Teknikleri

    7 ders1151

    Duyarlı Tasarım Temelleri

    6 ders1052

    Tonga Web Sayfası

    Proje6 ders1

    Son Meydan Okumalar

    4 ders4
  3. Bölüm 3

    CSS MasteryÖzel sayfa

    Bölüme başlaBaşlaGenişletDaralt    Take you css skills to the next level!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

    Practical Frontend

    Bölüme başlaBaşlaGenişletDaralt    Combine structure and style to design complete, responsive web pages35 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 in Action

    Bölüme başlaBaşlaGenişletDaralt    Explore how javascript is used with html and css27 ders27 görev163 soru

    Etkileşim/UI Bileşenleri

    4 ders433

    Formlar ve Doğrulama

    3 ders324

    Bildirimler ve Geri Bildirim

    3 ders327

    Toast Bildirimli Form

    2 ders2

    Navigasyon

    3 ders329

    Temalandırma ve Kişiselleştirme

    2 ders217

    Animasyonlar ve Efektler

    3 ders327

    Animasyonlu Navigasyon

    3 ders36

    Final Meydan Okumaları

    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

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

  • 7
  • 1

Kronometre - HTML/CSS/JS Projesi

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

  • 10
  • 3

Alt Gezinti Çubuğu - HTML/CSS Projesi

Bu kursta, HTML kullanarak basit bir Alt Gezinti Çubuğu oluşturacak ve CSS ile stil vereceksiniz. Ayrıca CSS'deki (:hover) seçicisini kullanarak nasıl basit animasyonlar ekleyeceğinizi öğreneceksiniz.

  • 12
  • 2

DOM Projesi - Hesap Makinesi

Bu kursta HTML, CSS ve JS kullanarak etkileşimli ve basit bir hesap makinesi oluşturacaksınız.

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

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
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
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

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

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
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
CONTINUE
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
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
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 iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

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.
Coddy programming languages illustration

Coddy ile HTML öğrenin

BAŞLA