HTML for Kids · Ders

İlk HTML Sayfanızı Oluşturma

Basit bir metin düzenleyici kullanarak ilk HTML kodunuzu yazın.

4. ders / 410 adım

İlk HTML Sayfanızı Oluşturma, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, HTML for Kids öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. HTML for Kids kursu toplamda 4 dersten oluşur.

İlk HTML sayfanızı oluşturma

HTML öğrenmenin en heyecan verici bölümüne hoş geldiniz! Bugün ilk HTML sayfanızı sıfırdan oluşturacağız. Kodunuzun hayata geçişini görmeye hazır olun!

İhtiyacınız olan araçlar

Bir HTML sayfası oluşturmak için yalnızca iki şeye ihtiyacınız vardır:

Bir metin düzenleyici: Notepad (Windows), TextEdit (Mac) veya VS Code gibi başka bir düzenleyici kullanılabilir.
Bir web tarayıcısı: Sayfanızı görüntülemek için Chrome, Firefox veya herhangi bir tarayıcı.

Kod yazmaya başlayalım!

Metin düzenleyicinizi açın

1. adım: Metin düzenleyicinizi açın

1. Metin düzenleyicinizi (Notepad veya VS Code gibi) açın.

2. Yeni bir dosyayı index.html olarak kaydedin. .html uzantısını eklediğinizden emin olun!

Artık HTML kodu eklemeye hazırız!

Temel yapıyı yazın

2. adım: Temel yapıyı yazın

Her HTML sayfasının temel bir yapıya ihtiyacı vardır. Aşağıdaki kodu dosyanıza yazın:

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Başlık ekleyin

3. adım: Başlık ekleyin

<body> etiketinin içine sayfanıza bir başlık ekleyin:

<h1>Welcome to My First Web Page!</h1>

Paragraf ekleyin

4. adım: Paragraf ekleyin

Başlığın altına sayfanızı açıklayan bir paragraf ekleyin:

<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>

Sayfanızı kaydedin ve açın

5. adım: Sayfanızı kaydedin ve açın

1. Kodunuzu yazdıktan sonra dosyayı kaydedin.

2. Tarayıcınızı açın.

3. index.html dosyasını tarayıcı penceresine sürükleyip bırakın.

İşte bu kadar! İlk web sayfanız yayında!

HTML sayfanızın tamamı

Son kodunuz şöyle görünmelidir:

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <h1>Welcome to My First Web Page!</h1>
    <p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>My Awesome Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

Harika iş!

İlk HTML sayfanızı oluşturduğunuz için tebrikler! Temel yapıyı oluşturmayı, başlık eklemeyi ve paragraf yazmayı öğrendiniz. Bir sonraki derste sayfanıza görseller ve bağlantılar gibi daha ilgi çekici öğeler eklemeyi öğreneceğiz. Harika çalışmaya devam edin!

Başlamak ücretsiz

Yapay zeka eğitmeniyle HTML öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 16
Dersler: 35

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular

“İlk HTML Sayfanızı Oluşturma” dersi ücretsiz mi?

Evet — “İlk HTML Sayfanızı Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve HTML for Kids kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. HTML for Kids kursu toplamda 4 dersten oluşur.

“İlk HTML Sayfanızı Oluşturma” dersinde ne öğreneceğim?

Basit bir metin düzenleyici kullanarak ilk HTML kodunuzu yazın. HTML for Kids ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

HTML for Kids öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te HTML for Kids, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“İlk HTML Sayfanızı Oluşturma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu HTML for Kids dersinde kod yazıp çalıştırabilir miyim?

Evet. Her HTML for Kids dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← HTML for Kids Sayfasına Dön