HTML 5: HTML ile Sayfa Düzeni

Bu video, HTML 5 ile sayfa düzeni oluşturma temellerini ve modern web geliştirme pratiklerini ele alıyor. İşte öne çıkan ana başlıklar:

• Block ve Inline Elementler (0:43 - 3:54):

  • Block (Blok) seviyeli elementler: Sayfa boyunca yeni bir satırdan başlar ve tüm yatay alanı kaplar (örneğin: div).
  • Inline (Satır içi) elementler: Sadece içerik kadar yer kaplar ve yeni satır oluşturmaz (örneğin: span).
  • CSS ile bu davranışların nasıl değiştirilebileceği (örn. display: inline-block) vurgulanıyor.

• Sayfa Düzeni ve Tablolar (3:56 - 4:44):

  • Geçmişte web sayfalarını düzenlemek için kullanılan tablo yapısının artık güncel ve doğru bir yöntem olmadığı anlatılıyor.
  • Tabloların sadece veri göstermek amacıyla kullanılması gerektiği belirtiliyor.

• Modern Düzenleme ve Div Kullanımı (5:05 - 5:46):

  • Sayfa düzeni için günümüzde Flexbox ve Grid gibi CSS tekniklerinin tercih edildiği, div etiketinin ise esnek bir yapı taşı olarak kullanıldığı açıklanıyor.

• Neden Sadece HTML Yetmez? (5:47 - 7:02):

  • CSS olmadan sayfa düzeni yapmanın kısıtlı olduğu, renk, boşluk, hizalama ve responsive (farklı ekran boyutlarına uyumlu) tasarımların ancak CSS ile mümkün olduğu vurgulanıyor.