HTML for Kids · Ders

Başlıklar ve Paragraflar

Web sayfanıza başlıklar ve metin ekleyin

1. ders / 410 adım

Başlıklar ve Paragraflar, CoddyKit'te ücretsiz bir HTML for Kids dersidir. Bu, 4 dersinin 1. 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.

Başlıklar ve paragraflar

Bir sonraki derse hoş geldiniz! Bugün web sayfanıza başlık ve paragraf eklemeyi öğreneceğiz. Bu öğeler içeriğinizi düzenli ve okunması kolay hâle getirir.

Başlıklar nedir?

Başlıklar, web sayfanızda başlıklar ve alt başlıklar oluşturmak için kullanılır. <h1> (en büyük) ile <h6> (en küçük) arasında değişirler.

Başlıkları içeriğinizin ana hatları gibi düşünebilirsiniz. Kullanıcıların sayfanızın yapısını anlamasına yardımcı olurlar.

Örnek:

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>

Başlıkları kullanma

Web sayfamıza başlıklar ekleyelim. Başlık boyutları arasındaki farkı görmek için bu kodu deneyin:

<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>

Paragraflar nedir?

Paragraflar, web sayfanıza <p> etiketi kullanılarak eklenen metin bloklarıdır. Ayrıntılı bilgiler veya açıklamalar eklemek için idealdir.

Örnek:

<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>

Birden çok paragraf ekleme

Birden çok <p> etiketi kullanarak istediğiniz kadar paragraf ekleyebilirsiniz.

Örnek:

<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>

Başlıkları ve paragrafları birleştirme

Başlıklar ve paragraflar, içeriğinizin okunmasını ve anlaşılmasını kolaylaştırmak için birlikte çalışır. Başlıkları başlıklar, paragrafları ise ayrıntılı bilgiler için kullanın.

Örnek:

<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>

<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>

<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>

Başlıklar ve paragraflar için en iyi uygulamalar

Aklınızda bulundurmanız gereken bazı ipuçları:

Her sayfada bir <h1> kullanın: <h1> etiketi ana başlık olarak yalnızca bir kez kullanılmalıdır.
İçeriği düzenleyin: Bölümleri ayırmak için daha küçük başlıklar (<h2>, <h3>) kullanın.
Anlaşılır paragraflar yazın: Paragraflarınızı kısa ve okunması kolay tutun.

Kendiniz deneyin

Başlıklar ve paragraflar içeren basit bir web sayfası oluşturalım. Başlangıç için işte bir örnek:

<!DOCTYPE html>
<html>
  <head>
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the main paragraph introducing my page.</p>
    
    <h2>About Me</h2>
    <p>I’m learning HTML and enjoying the process!</p>

    <h2>My Goals</h2>
    <p>My goal is to create a professional-looking website someday.</p>
  </body>
</html>

Harika iş!

Harika çalıştınız! Web sayfanıza başlık ve paragraf eklemeyi öğrendiniz. Bunlar anlaşılır ve iyi yapılandırılmış içerikler oluşturmak için çok önemlidir. Bir sonraki derste bilgileri düzenlemek için listeler oluşturmayı keşfedeceğiz. Daha fazla eğlenceye 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

“Başlıklar ve Paragraflar” dersi ücretsiz mi?

Evet — “Başlıklar ve Paragraflar” 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.

“Başlıklar ve Paragraflar” dersinde ne öğreneceğim?

Web sayfanıza başlıklar ve metin ekleyin 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 1. dersidir.

“Başlıklar ve Paragraflar” 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