HTML CSS JAVASCRIPT ANGULAR

HTML Düzeni


Örnek

HTML Sayfa Düzeni

 

Sayfanın Ana Başlığı

Konu Başlığı

Konu ile ilgili bilgiler içeren bir paragraf.

İletişim Bilgileri

Kendin Dene »


HTML Düzeni Elemanları

Web sayfalarında, düzeni sağlamak için sayfa önce mantıksal bölümlere, kolonlara ayrılır. HTML düzeninde, bu bölümlerin her birini tarayıcının gözünde ayırmak için farklı etiketler verilmiştir.

  • <header> etiketi sayfanın genelde en üstünde bulunur ve başlık olarak tanımlanır.
  • <nav> etiketi sayfada genelde diğer sayfalara yönlendirme linklerini barındırır.
  • <section> etiketi sayfadaki herhangi bir bölümü barındırır.
  • <article> etiketi genelde sayfadaki içeriğin, makalenin tutulduğu bölümdür.
  • <aside> etiketi, ana içerik dışındaki bilgilerin tutulduğu bölümdür.
  • <footer> etiketi, genelde sayfanın en alt kısmında bulunur.
  • <details> etiketi, genelde sayfadaki içeriğe ek olarak verilecek bilgilerin tutulduğu bölümdür.
  • <summary> etiketi, <details> etiketi için başlık niteliğindedir.

HTML Düzen Çeşitleri

  1. HTML Tabloları (Önerilmez)
  2. CSS float kullanılarak
  3. CSS flexbox kullanılarak
  4. CSS framework kullanılarak
  5. CSS grid kullanılarak

HTML'de sayfa düzeni oluşturmak için bu 5 yöntem kullanılabilir. Hepsinin artıları ve eksileri bulunmaktadır, farklı sayfa türleri için farklı sayfa düzeni çeşitleri kullanılabilir.

Fakat ne zaman hangisini kullanmalı?


HTML Tables

 

 

Örnek

HTML Sayfa Düzeni

 

Sayfanın Ana Başlığı

Konu Başlığı

Konu ile ilgili bilgiler içeren bir paragraf.

İletişim Bilgileri

Kendin Dene »

 

 

 

 

 

 


Anlamadığınız bir konu mu var?

Konu ile ilgili sorunuzu uzmanim.net'e sorabilirsiniz: uzmanim.net'e sor!