0Pricing
HTML for Kids · Ders

HTML Etiketleri ve Öğeleri

Etiketlerin ve öğelerin ne olduğunu ve nasıl çalıştığını öğrenin.

HTML Etiketleri ve Öğeleri, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 3. 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 etiketleri ve öğeleri

Bir sonraki derse hoş geldiniz! Bugün HTML etiketlerini ve öğelerini öğreneceğiz. Bunlar oluşturacağınız her web sayfasının yapı taşlarıdır.

HTML Etiketleri ve Öğeleri — resim 1

HTML etiketleri nedir?

HTML etiketleri, açılı parantezler <> içine yazılan özel anahtar kelimelerdir. Tarayıcıya içlerindeki içerikle ne yapacağını söylerler.

Etiket örneği:<h1>

Etiketler genellikle çiftler hâlinde gelir: bir açılış etiketi ve bir kapanış etiketi.

Örnek:

<h1>Hello</h1>

HTML öğeleri nedir?

HTML öğesi; bir açılış etiketi, içerik ve bir kapanış etiketinin birleşimidir.

Örneğin:

<h1>Welcome to My Page</h1>

Etiket türleri

İki ana etiket türü vardır:

  • Çift etiketler: Hem açılış hem de kapanış etiketleri vardır. Örnek: <p>Paragraph</p>
  • Kendi kendine kapanan etiketler: Kapanış etiketine ihtiyaç duymazlar. Örnek: <img />

Yaygın kullanılan etiketler

Sık kullanacağınız bazı temel HTML etiketleri şunlardır:

  • <h1> to <h6>: Başlıklar (en büyükten en küçüğe)
  • <p>: Paragraf
  • <a>: Bağlantı
  • <img>: Görsel
  • <br>: Satır sonu

Bir örneğe bakalım:

<h1>Welcome!</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Click here</a>
<img src="image.jpg" alt="An example image" />
<br />

Etiketlerde öznitelikler

Öznitelikler bir öğe hakkında ek bilgiler sağlar. Açılış etiketinin içinde yer alırlar.

Örnek:

<a href="https://example.com" 
target="_blank">Visit Example</a>

Etiketleri iç içe yerleştirme

Bir etiketi başka bir etiketin içine yerleştirebilirsiniz. Buna iç içe yerleştirme denir.

Örnek:

<p>This is a <strong>bold</strong> word.</p>

İç içe etiketlerin kapanış sırası

Unutmayın: Dış etiketi kapatmadan önce her zaman iç etiketi kapatın.

Örnek: Hepsini bir araya getirme

İşte öğrendiğimiz her şeyi birleştiren bir örnek:

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Example</title>
  </head>
  <body>
    <h1>Welcome to My Web Page</h1>
    <p>This is a <strong>simple</strong> paragraph of text.</p>
    <a href="https://example.com" target="_blank">Click here to learn more</a>
    <br />
    <img src="image.jpg" alt="A beautiful view" />
  </body>
</html>

Harika iş!

Tebrikler! HTML etiketlerini, öğelerini, özniteliklerini ve iç içe yerleştirmeyi öğrendiniz. Bunlar oluşturacağınız her web sayfasının yapı taşlarıdır. Bir sonraki derste gerçek içeriklerle ilk HTML sayfanızı yazacağız!

HTML Etiketleri ve Öğeleri — resim 11

Sıkça Sorulan Sorular

“HTML Etiketleri ve Öğeleri” dersi ücretsiz mi?

Evet — “HTML Etiketleri ve Öğeleri” 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 Etiketleri ve Öğeleri” dersinde ne öğreneceğim?

Etiketlerin ve öğelerin ne olduğunu ve nasıl çalıştığını öğrenin. 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 3. dersidir.

“HTML Etiketleri ve Öğeleri” 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

  1. HTML Nedir?
  2. HTML Yapısı: Yapı Taşları
  3. HTML Etiketleri ve Öğeleri
  4. İlk HTML Sayfanızı Oluşturma
← HTML for Kids Sayfasına Dön