HTML Dersleri 5 - Biçimlendirme

Bu derste HTML ile metinlerin nasıl biçimlendirildiğini, yazıların vurgulanmasını ve sayfa içeriğinin daha okunabilir hâle getirilmesini öğreneceksin. HTML biçimlendirme etiketleri ve kullanım amaçları detaylı şekilde ele alınır.

HTML Dersleri 5 - Biçimlendirme
HTML Dersleri 5 - Biçimlendirme

HTML Biçimlendirme Nedir?

HTML biçimlendirme, bir web sayfasındaki metinlerin görünümünü ve vurgusunu düzenlemek için kullanılan etiketleri kapsar. HTML biçimlendirme etiketleri sayesinde metinler daha anlaşılır, düzenli ve okunabilir hâle gelir.

Bu etiketler, içeriğin yalnızca görsel yönünü değil, aynı zamanda anlamsal yapısını da güçlendirir. Doğru biçimlendirme, kullanıcı deneyimini artırırken arama motorları için de daha sağlıklı bir yapı oluşturur.


Paragraf ve Satır Biçimlendirme Etiketleri

HTML’de metinler genellikle paragraflar hâlinde yazılır. Paragraf yapısı, içeriğin bölümlere ayrılmasını sağlar ve okunabilirliği artırır.

Paragraf ve satır düzeni için kullanılan temel etiketler:

  • Paragraf etiketleri

  • Satır atlama etiketleri

  • Yatay çizgi etiketleri

Bu etiketler, sayfa içeriğinin görsel olarak dengeli görünmesini sağlar.


Metin Vurgulama Etiketleri

Bazı metinlerin özellikle dikkat çekmesi gerekir. HTML biçimlendirme etiketleri bu noktada devreye girer.

Yaygın kullanılan metin vurgulama etiketleri:

  • Kalın yazı vurgusu için kullanılan etiketler

  • Eğik yazı vurgusu sağlayan etiketler

  • Anlamlı vurgu yapan semantik etiketler

Bu etiketler sayesinde metnin önemli kısımları ön plana çıkarılır.


Anlamsal (Semantik) Biçimlendirme

HTML’de biçimlendirme sadece görsel amaçla yapılmaz. Bazı etiketler, içeriğin anlamını da belirtir. Bu tür etiketlere semantik biçimlendirme etiketleri denir.

Semantik biçimlendirme:

  • Arama motorlarının içeriği daha iyi anlamasını sağlar

  • Erişilebilirliği artırır

  • Kodun daha temiz ve düzenli olmasına katkı sağlar

Bu nedenle sadece görsel değil, anlamsal etiketlerin de tercih edilmesi önerilir.


Biçimlendirme Etiketlerinin SEO’ya Etkisi

HTML biçimlendirme etiketleri, SEO açısından doğrudan bir sıralama faktörü olmasa da dolaylı olarak önemli katkılar sağlar.

Doğru biçimlendirme:

  • İçeriğin taranabilirliğini artırır

  • Kullanıcıların sayfada kalma süresini uzatır

  • Okunabilirliği güçlendirir

Özellikle başlıklar ve vurgu etiketleri, içerik yapısının net anlaşılmasına yardımcı olur.


HTML Biçimlendirme Kullanırken Dikkat Edilmesi Gerekenler

HTML biçimlendirme yapılırken aşırıya kaçmamak gerekir. Her metni kalın veya eğik yazmak, okunabilirliği düşürebilir.

Dikkat edilmesi gereken noktalar:

  • Vurgular yerinde ve anlamlı kullanılmalı

  • Gereksiz etiket tekrarlarından kaçınılmalı

  • İçerik hiyerarşisi korunmalı

Bu yaklaşım, hem kullanıcı deneyimini hem de kod kalitesini artırır.


HTML biçimlendirme etiketlerini öğrendikten sonra artık sayfalarda özel karakterlerin nasıl kullanıldığını anlamak gerekir. Bu noktada bir sonraki ders olan HTML Özel Karakterler konusuna geçmek doğru bir adım olacaktır.

? HTML Dersleri 6 – Özel Karakterler
https://cilginyazilim.com/html-dersleri-6-ozeller