Neden?
Metin yapısı doğru kurulmazsa hem kullanıcı hem de arama motoru içeriği zor anlar.

Ne öğreneceğiz?
Bu derste  Başlık, paragraf ve anlamlı metin vurgularını  öğreneceğiz.

Nasıl ilerleyeceğiz?
Önce kavramın amacını düşün. Ardından aşağıdaki örneği kendin yaz. Kodu kaydet, tarayıcıda aç ve küçük bir değişiklik yaparak sonucu gözlemle.

 Öğrenme kuralı:  Kodu yalnızca kopyalama. Her satır için “Bu satır neden burada?” ve “Bu satırı silersem ne değişir?” sorularını sor.

Derse başlamadan önce kendini yokla

• Bu konuyu gerçek bir web sayfasında hangi ihtiyacı çözmek için kullanırım?
  
• Örnekteki hangi HTML elementi içeriğin anlamını taşıyor?
  
• Uygulamayı kendi fikrimle nasıl değiştirebilirim?
  

Ders sonunda kontrol

• Kodu kendim, bakmadan tekrar yazabildim mi?
  
• Tarayıcıda sonucu test ettim mi?
  
• Karşılaştığım bir hatayı neden oluştuğunu açıklayarak düzelttim mi?
  

Ders hedefi
Metinleri doğru başlık seviyeleriyle düzenleyebilecek ve anlamlı metin biçimlendirme etiketlerini kullanabileceksiniz.

HTML'de altı başlık seviyesi vardır. En önemli başlık <h1>, en düşük seviye <h6> etiketidir:

Bir sayfada genellikle sayfanın ana başlığı için bir <h1> kullanılır. Alt konular için <h2> ve <h3> tercih edilir. Başlıkları yalnızca yazıyı büyütmek için kullanma; başlık seviyeleri belgenin yapısını ifade eder.

Paragraf oluşturmak için <p> kullanılır. Satır atlamak için <br> kullanılabilir, ancak uzun metinleri düzenlemek için art arda <br> yazmak yerine ayrı paragraflar oluşturmak daha doğrudur.


Anlam taşıyan metin etiketleri şunlardır:


<b> ve <i> görsel kalınlık veya eğiklik verebilir. Ancak önem ve vurgu anlamı taşıyan metinlerde <strong> ve <em> kullanmak daha uygundur.