HTML for Kids · Ders

HTML Yapısı: Yapı Taşları

Bir HTML belgesinin temel yapısını anlayın.

2. ders / 410 adım

HTML Yapısı: Yapı Taşları, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 2. 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.

HTML yapısı: yapı taşları

İkinci derse hoş geldiniz! Bugün bir HTML belgesinin yapısını ve bölümlerinin nasıl bir araya geldiğini öğreneceğiz. Bunu bir web sayfasının iskeletini öğrenmek gibi düşünebilirsiniz.

HTML belgesinin yapısı

Bir HTML belgesinin tarayıcının anlayacağı belirli bir yapısı vardır. Bu yapı, tarayıcıya ne yapacağını söyleyen bir tarif gibidir.

Bir HTML belgesinin temel bölümleri şunlardır:

Belge türü bildirimi: Tarayıcıya bunun bir HTML belgesi olduğunu söyler.
HTML etiketi: Sayfanın tüm içeriğini barındırır.
Head: Sayfayla ilgili bilgileri (başlık gibi) içerir.
Body: Kullanıcıya görünür içeriği içerir.

Yapı nasıl görünür?

Temel bir HTML belgesinin yapısı şöyledir:

<!DOCTYPE html>
<html>
  <head>
    <title>My Web Page</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the content of my web page.</p>
  </body>
</html>

Belge türü bildirimi

<!DOCTYPE html> bildirimi her HTML belgesinin en üstünde yer alır. Tarayıcıya HTML'nin en son sürümü olan HTML5'i beklemesi gerektiğini söyler.

Bunu HTML tarifinizin başlangıç noktası gibi düşünebilirsiniz!

HTML etiketi

<html> etiketi, belgenizdeki tüm kodun ana kapsayıcısıdır. Tarayıcıya “Buradaki her şey HTML'dir.” der.

Şöyle görünür:

<html>
  <!-- All other HTML tags go here -->
</html>

Head bölümü

<head> bölümü, web sayfanızla ilgili ancak sayfanın kendisinde görünmeyen bilgileri içerir. Örneğin:

Başlık: Tarayıcı sekmesinde gösterilen metin.
Meta bilgileri: Sayfa açıklaması gibi ek bilgiler.

Örnek:

<head>
  <title>My Cool Web Page</title>
</head>

Body bölümü

<body> bölümü; metinler, görseller ve bağlantılar gibi kullanıcıya görünen her şeyi içerir. Burası ana içerik alanıdır.

Örnek:

<body>
  <h1>Welcome!</h1>
  <p>This is my awesome web page.</p>
</body>

Hepsini bir araya getirme

İşte az önce öğrendiğimiz tüm bölümleri içeren eksiksiz bir HTML belgesi örneği:

<!DOCTYPE html>
<html>
  <head>
    <title>All About Me</title>
  </head>
  <body>
    <h1>Hi, I’m a Web Creator!</h1>
    <p>This is my first structured HTML page.</p>
  </body>
</html>

Harika iş!

Tebrikler! Bir HTML belgesinin yapısını öğrendiniz. Artık bir web sayfası oluşturmak için tüm bölümlerin nasıl bir araya geldiğini biliyorsunuz. Bir sonraki derste sayfalarımıza gerçek içerikler eklemeye başlayacağız. İlk web şaheserinizi oluşturmaya hazır olun!

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

“HTML Yapısı: Yapı Taşları” dersi ücretsiz mi?

Evet — “HTML Yapısı: Yapı Taşları” 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.

“HTML Yapısı: Yapı Taşları” dersinde ne öğreneceğim?

Bir HTML belgesinin temel yapısını anlayı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 2. dersidir.

“HTML Yapısı: Yapı Taşları” 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