Web geliştirme sürecinde, etkili ve erişilebilir bir kullanıcı deneyimi sunmanın temelini, iyi yapılandırılmış bir HTML düzeni oluşturur. HTML layout, bir web sayfasının içeriğini mantıksal ve hiyerarşik bir şekilde organize etmek için kullanılan elemanları ve teknikleri ifade eder. Doğru layout kullanımı, arama motoru optimizasyonu (SEO) için kritik öneme sahip olduğu gibi, ekran okuyucular gibi yardımcı teknolojilerle etkileşimde bulunan kullanıcılar için de sayfa içeriğinin anlaşılabilirliğini artırır. Bu kılavuz, HTML'in yapısal elemanlarını kullanarak modern web sayfaları oluşturmanın temel prensiplerini detaylandıracaktır.
HTML layout oluştururken kullanılan temel yapısal ve semantik elemanlar, bir web sayfasının ana bölgelerini tanımlar. Aşağıdaki kod bloğu, tipik bir HTML sayfa düzeninin temel sözdizimini göstermektedir.
Web Sitesi Başlığı
Ana İçerik Bölümü
Bu bölümde sayfanın ana içeriği yer alır.
HTML5 ile tanıtılan semantik etiketler, geliştiricilere içeriğin amacını tarayıcılara ve arama motorlarına daha net bir şekilde iletme imkanı sunar. Bu etiketlerin her biri, belirli bir içeriğin türünü ve rolünü belirtir.
: Sayfadaki diğer bölümlere veya farklı sayfalara bağlantı sağlayan navigasyon linklerini içerir. Genellikle birincil navigasyon menüleri için kullanılır.
: Dokümanın veya uygulamanın baskın içeriğini temsil eder. Bir HTML dokümanında yalnızca bir adet etiketi bulunmalıdır.
: Bağımsız, kendi kendine yeten bir içerik parçasını temsil eder. Bir blog yazısı, haber makalesi veya kullanıcı yorumu gibi içerikler için idealdir.
: Geniş bir belgeyi veya uygulamayı mantıksal tematik gruplara ayırmak için kullanılır. Genellikle bir başlık (-) ile başlar.
: Ana içeriğin dışında kalan ancak ana içerikle ilişkili olan içeriği temsil eder. Genellikle yan paneller, reklamlar veya alıntı blokları için kullanılır.
: Bir dokümanın veya bölümün altbilgisini temsil eder. Genellikle telif hakkı bilgileri, yazar bilgileri, iletişim bilgileri ve ilgili linkler bulunur.
Aşağıdaki örnekler, yukarıda açıklanan HTML layout elemanlarının farklı senaryolarda nasıl kullanılabileceğini göstermektedir. Örnek 1: Temel Web Sayfası Düzeni Bu, sitemizin ana içeriğidir. Sayfamızı keşfetmek için yukarıdaki menüyü kullanın. Örnek 2: Blog Yazısı Düzeni Yazar: Jane Doe • Tarih: 15 Kasım 2023 Bu makale, HTML layout prensiplerini detaylıca inceler. Web sayfalarının düzeni, kullanıcı deneyimi için kritik öneme sahiptir. Etkili ve sürdürülebilir bir HTML layout oluşturmak için aşağıdaki ipuçlarını göz önünde bulundurmak önemlidir: Semantik Etiket Kullanımı: Her zaman içeriğin anlamına en uygun semantik HTML5 etiketlerini ( CSS ile Ayırma: HTML, içeriğin yapısını tanımlarken, içeriğin görsel sunumu ve yerleşimi tamamen CSS (Cascading Style Sheets) ile yönetilmelidir. HTML markup'ınıza stil bilgisi eklemekten kaçının. Erişilebilirlik: Semantik etiketler, ekran okuyucular gibi yardımcı teknolojilerin web sayfasını daha iyi anlamasına yardımcı olur. Bu da web sitenizin daha geniş bir kitleye ulaşmasını sağlar. Mobil Uyumluluk: Modern web layout'ları genellikle responsive tasarım ilkeleriyle birleştirilir. HTML yapınızı oluştururken, farklı ekran boyutlarına uyum sağlayabilecek esnek bir temel oluşturmaya özen gösterin. Web belgeleri içerisinde harici kaynaklara, örneğin görsellere, stil sayfalarına veya JavaScript dosyalarına referans vermek, modern web geliştirmenin temelini oluşturur. Bu referanslar, tarayıcının belirtilen kaynağı doğru bir şekilde bulabilmesi için dosya yolları (file paths) aracılığıyla tanımlanır. HTML'de dosya yollarının doğru kullanımı, sitenizin işlevselliği, performans kalitesi ve sürdürülebilirliği açısından kritik öneme sahiptir. HTML'de dosya yolları temelde iki ana kategoriye ayrılır: göreceli (relative) yollar ve mutlak (absolute) yollar. Her iki yol türünün de kendine özgü kullanım senaryoları ve sözdizimleri mevcuttur. Göreceli Yollar: Mevcut HTML dosyasının konumuna bağlı olarak hedeflenen kaynağın konumunu belirtir. Sözdizimi, mevcut dizine göre ileri, geri veya aynı dizin içinde gezinmeyi içerir. Mutlak Yollar: İki alt kategoriye ayrılır: kök-göreceli (root-relative) yollar ve tam URL (full URL) yollar. Kök-Göreceli Yollar: Web sitesinin kök dizininden (root directory) başlayarak kaynağın konumunu belirtir. Bir eğik çizgi ( Tam URL Yollar: Protokol ( Dosya yollarındaki çeşitli gösterimlerin anlamları aşağıdaki gibidir: Aşağıdaki örnekler, farklı senaryolarda dosya yollarının HTML içerisinde nasıl kullanıldığını göstermektedir: Örnek 1: Aynı Dizin İçindeki Resim Örnek 2: Alt Dizin İçindeki Stil Dosyası Örnek 3: Üst Dizin İçindeki JavaScript Dosyası Dizin yapısı: Örnek 4: Kök-Göreceli Yolla Resim ve Bağlantı Web sitesinin kök dizininde Örnek 5: Harici Kaynak (Tam URL) Bir CDN'den (Content Delivery Network) alınan bir JavaScript kütüphanesi: Dizin Yapısı: Projenizin dizin yapısını iyi organize etmek, dosya yollarının yönetimini büyük ölçüde kolaylaştırır. Kaynakları mantıksal klasörlere ayırın (örn. Büyük/Küçük Harf Duyarlılığı: Bazı web sunucuları (özellikle Linux tabanlı olanlar) dosya adlarında ve yollarında büyük/küçük harf duyarlıdır. Örneğin, Kök-Göreceli Yolların Avantajları: Kök-göreceli yollar, sayfanın konumu değişse bile (örn. URL yeniden yazma veya sayfa derinliği) kaynaklara erişimi sabit tutar. Bu, büyük ve karmaşık sitelerde bağlantı yönetimini basitleştirir. Göreceli Yolların Dezavantajları: Göreceli yollar, HTML dosyasının konumu değiştiğinde bozulabilir. Geliştirme ortamında çalışırken pratik olsa da, dinamik URL yapılarına sahip sitelerde sorunlara yol açabilir. Boşluk ve Özel Karakterler: Dosya ve klasör adlarında boşluk veya özel karakterler (örn. Test Etme: Her zaman tüm dosya yollarınızı farklı tarayıcılarda ve farklı sunucu ortamlarında test edin. Geliştirme ortamınızda çalışan bir yol, üretim sunucusunda çalışmayabilir. HTML (HyperText Markup Language) belgelerinde, elemanları benzersiz bir şekilde tanımlamak için kullanılan temel niteliklerden biri Burada; Benzersizlik Zorunluluğu: Bir HTML belgesinde her Değer Kuralları: Bir Bir harf (A-Z veya a-z) ile başlamalıdır. Alfasayısal karakterler (A-Z, a-z, 0-9), kısa çizgi ( Boşluk karakteri içermemelidir. Büyük/küçük harfe duyarlıdır (örneğin, Kullanım Alanları: CSS ile Stil Uygulama: Belirli bir elemanı hedefleyerek sadece o elemana özel stil kuralları uygulamak için kullanılır. CSS'te JavaScript ile Eleman Manipülasyonu: JavaScript kullanarak belirli bir HTML elemanına erişmek ve onunla etkileşim kurmak (içeriğini değiştirmek, olay dinleyicileri eklemek vb.) için en yaygın yöntemlerden biridir. Çapa Bağlantıları (Fragment Identifiers): Bir web sayfasının içinde belirli bir bölüme doğrudan bağlantı vermek için kullanılır. Bağlantının Form Elemanları ve Erişilebilirlik: Aşağıdaki örnekler, Örnek 1: CSS ile Stil Uygulama Bu paragraf, sadece kendisine özel stillere sahiptir. Örnek 2: JavaScript ile Eleman Seçimi Burada bir mesaj belirecek. Örnek 3: Çapa Bağlantısı (Fragment Identifier) Bu bölüm, yukarıdaki bağlantı tıklanarak doğrudan erişilebilir. Örnek 4: Bu örnekte, Her Bir eleman, yalnızca bir Birden fazla elemana aynı stil veya davranışı uygulamak istendiğinde, HTML5 standartlarına göre, HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan temel işaretleme dilidir. Bu yapının içinde, elementlere belirli özellikler atamak ve onları gruplandırmak için Yukarıdaki sözdiziminde yer alan her bir bileşen, Sınıf adları, büyük/küçük harf duyarlıdır ve genellikle bir harfle başlamalıdır. Rakamlar, kısa çizgiler ( Aşağıdaki örnekler, Örnek 1: CSS ile Stil Uygulama Bu paragraf kırmızı renkte olacaktır. Bu paragraf mavi renkte olacaktır. Örnek 2: Birden Fazla Sınıf Kullanımı Bu bir uyarı mesajıdır ve orta boyutta gösterilecektir. Örnek 3: JavaScript ile Etkileşim Bu kutucuk JavaScript ile kontrol ediliyor. Büyük/Küçük Harf Duyarlılığı: Sınıf adları büyük/küçük harf duyarlıdır. Örneğin, Anlamlı Adlandırma: Sınıf adlarını, elementin görünümünden ziyade işlevini veya içeriğini yansıtacak şekilde seçmeye çalışın (örn. Boşlukla Ayırma: Bir elemente birden fazla sınıf atamak için sınıf adlarını boşluk karakteriyle ayırın (örn. ID ile Farkı: Performans: Çok fazla sınıf kullanmak veya çok karmaşık CSS seçiciler oluşturmak, özellikle büyük projelerde performans sorunlarına yol açabilir. Temiz ve optimize edilmiş CSS kuralları kullanmaya özen gösterin. HTML, web içeriğini yapılandırmak için çeşitli etiketler sunar. Bu etiketler arasında, bilgiyi düzenli ve okunabilir bir formatta sunmak için listeler temel bir rol oynar. Listeler, birbiriyle ilişkili öğeleri gruplamak, adımları sıralamak veya terimleri tanımlamak için kullanılır. Bu kılavuz, HTML'de sırasız, sıralı ve tanımlama listelerinin nasıl oluşturulacağını, temel sözdiziminden pratik kullanım örneklerine kadar adım adım ele alacaktır. HTML, üç ana liste türünü destekler: Sırasız Listeler (Unordered Lists): Öğeler arasında belirli bir sıralamanın önemli olmadığı durumlarda kullanılır ve genellikle madde işaretleriyle gösterilir. Sıralı Listeler (Ordered Lists): Öğelerin belirli bir sıraya göre sunulması gerektiğinde kullanılır ve genellikle sayılar veya harflerle gösterilir. Tanımlama Listeleri (Description Lists): Terim ve açıklamaların eşleştirildiği listelerdir. Her üç liste türünde de, her bir liste öğesi Aşağıdaki örnekler, farklı liste türlerinin ve iç içe listelerin nasıl oluşturulacağını göstermektedir. Sırasız Liste: Elma Muz Çilek Sıralı Liste: Birinci Adım İkinci Adım Üçüncü Adım Sıralı Liste (Harf Tipi): Giriş Gelişme Sonuç Tanımlama Listesi: HTML HyperText Markup Language'ın kısaltmasıdır. CSS Cascading Style Sheets'in kısaltmasıdır. İç İçe Listeler: Kahvaltı Öğle Yemeği Salata Ana Yemek Tatlı Akşam Yemeği Erişilebilirlik: Listelerin doğru semantik etiketlerle kullanılması, ekran okuyucular gibi yardımcı teknolojilerin içeriği doğru bir şekilde yorumlaması için kritik öneme sahiptir. Stil Uygulama: Listelerin varsayılan görünümü CSS ile tamamen özelleştirilebilir. İç İçe Kullanım: Listeler iç içe yerleştirilebilir. Bir liste öğesinin ( Tanımlama Listesi Kullanımı: Doğru Etiket Seçimi: İçeriğinizin doğasına uygun liste türünü seçmek önemlidir. Sıranın önemli olduğu yerlerde HTML tabloları, verileri satırlar ve sütunlar halinde düzenli bir şekilde sunmak için kullanılan temel yapısal elementlerdir. Bu elementler, istatistiksel verilerden ürün listelerine kadar çeşitli bilgi türlerini okunabilir ve erişilebilir bir formatta görüntülemek için kritik öneme sahiptir. Doğru kullanıldığında, HTML tabloları karmaşık veri setlerinin görselleştirilmesinde güçlü bir araç sunar. Bir HTML tablosu, HTML tablolarını oluşturan temel etiketler ve bunların rolleri aşağıda açıklanmıştır:: Herhangi bir semantik anlamı olmayan jenerik bir kapsayıcıdır. Genellikle CSS ile stillendirmek veya JavaScript ile manipüle etmek için kullanılır. İçeriğin semantik bir etikete uymadığı durumlarda tercih edilir.
: etiketinin satır içi (inline) karşılığıdır. Metnin bir bölümünü stillendirmek veya işaretlemek için kullanılır ve herhangi bir semantik anlam taşımaz.
Pratik Kullanım Örnekleri
Bu örnek, tipik bir web sayfasının ana hatlarını, header, navigasyon, ana içerik ve footer kullanarak nasıl oluşturulacağını gösterir.Web Sitem
Hoş Geldiniz!
Bir blog yazısı gibi kendi içinde bağımsız bir içeriği () ve bununla ilgili ek bilgileri () içeren bir düzen örneği.Blog Başlığı
HTML Layout Kullanımı
Giriş
İpuçları/Önemli Notlar
, , , , , ) tercih edin. Bu, hem SEO hem de erişilebilirlik açısından faydalıdır. Etiketinin Doğru Kullanımı:
etiketini yalnızca içeriğin semantik bir etikete uymadığı veya stil veya komut dosyası hedefleri için jenerik bir kapsayıcıya ihtiyaç duyulduğu durumlarda kullanın.
Emin
4
0
HTML Makaleleri 
HTML Dilinde HTML Dosya Yollarının Kullanımı
Temel Sözdizimi
/) ile başlar.
http:// veya https://), alan adı ve kaynağın tam yolu dahil olmak üzere, kaynağın internet üzerindeki tam adresini belirtir. Genellikle harici kaynaklar veya CDN'ler için kullanılır.
Detaylı Açıklama
dosya.html veya resim.jpg: Bu gösterim, referans verilen dosyanın mevcut HTML dosyasının bulunduğu aynı dizinde olduğunu belirtir. Örneğin, index.html ve resim.jpg aynı klasördeyse,
klasor/dosya.html veya css/stil.css: Bu gösterim, referans verilen dosyanın mevcut dizin içindeki belirtilen alt dizinde olduğunu ifade eder. Örneğin, index.html'den css adlı bir alt klasördeki stil.css dosyasına erişmek için href="css/stil.css" kullanılır.
./klasor/dosya.html: Başındaki ./, mevcut dizini (current directory) temsil eder. Bu, klasor/dosya.html ile aynı anlama gelir ancak bazen okunabilirliği artırmak veya mevcut dizini açıkça belirtmek için kullanılır. Çoğu durumda isteğe bağlıdır.
../klasor/dosya.html: ../ gösterimi, mevcut dizinin bir üst dizinini (parent directory) ifade eder. Kaynak, mevcut dosyanın bulunduğu dizinin bir seviye yukarısındaki bir dizinde veya onun alt dizinlerinde yer alıyorsa kullanılır. Örneğin, proje/sayfalar/alt_sayfa.html dosyasından proje/resimler/foto.jpg'ye erişmek için src="../resimler/foto.jpg" kullanılır.
/klasor/dosya.html: Başlangıçtaki /, web sitesinin kök dizinini (root directory) temsil eder. Bu tür yollar, sitenin herhangi bir yerinden kaynağa sabit bir şekilde erişim sağlar ve genellikle büyük sitelerde veya kalıcı bağlantılar için tercih edilir. Örneğin, /img/logo.png, web sitesinin kök dizinindeki img klasörünün içindeki logo.png dosyasını işaret eder.
https://www.example.com/klasor/dosya.html: Bu, kaynağın tam URL'sini ifade eder. Web üzerindeki herhangi bir konumu işaret edebilir ve genellikle harici sitelerden veya CDN'lerden kaynak yüklemek için kullanılır.
Pratik Kullanım Örnekleri
index.html ve banner.jpg aynı dizinde:
index.html, css klasörü ve css/main.css:
proje/pages/hakkinda.html ve proje/js/script.js
img ve pages klasörleri var. img/logo.png ve pages/iletisim.html:
Önemli Notlar
img, css, js).
Resim.jpg ile resim.jpg farklı dosyalar olarak algılanabilir. Tutarlılık için genellikle küçük harf kullanılması tavsiye edilir.
#, &, %) kullanmaktan kaçının. Bu durumlar URL kodlaması gerektirebilir ve hatalara yol açabilir. Bunun yerine kısa çizgiler (-) veya alt çizgiler (_) tercih edin.
Emin
8
0
HTML Makaleleri 
HTML'de `id` Niteliği Kullanımı: Kapsamlı Bir Rehber
id niteliğidir. Bu nitelik, bir web sayfasındaki belirli bir elemana özel bir kimlik atayarak, o elemanın CSS ile stilize edilmesini, JavaScript ile manipüle edilmesini veya sayfa içi bağlantılar (çapa bağlantıları) için hedef olarak kullanılmasını sağlar. Her id değeri, tüm HTML belgesi içinde benzersiz olmalıdır; bu, bir kimlik kartı numarası gibi, her elemanın kendine özgü bir tanımlayıcısı olduğu anlamına gelir.
Sözdizimi
id niteliği, herhangi bir HTML etiketine aşağıdaki genel sözdizimi ile eklenir:
, , vb.) temsil eder.
id: Elemana benzersiz bir kimlik atayan niteliktir."değer": Elemana atanan benzersiz kimlik değeridir. Bu değer tırnak işaretleri içinde belirtilmelidir.
Detaylı Açıklama
id niteliği ve atanan değeri, web geliştirme süreçlerinde birden fazla kritik rol oynar:
id değeri yalnızca bir kez kullanılabilir. Bu kurala uyulmaması tarayıcının beklenen davranışları göstermemesine veya JavaScript kodlarının hatalı çalışmasına neden olabilir. Tarayıcılar bu kuralı zorunlu kılmazken, standartlara uygun ve öngörülebilir davranış için bu kurala titizlikle uyulmalıdır.id değeri aşağıdaki kurallara uymalıdır:
-) ve alt çizgi (_) içerebilir."myId" ve "myid" farklı kimlikler olarak kabul edilir).
id seçicisi, # sembolü ile başlar (örneğin, #anaBaslik { color: blue; }).document.getElementById("değer") metodu ile elemana erişilir.href niteliği, # sembolü ile başlayan id değerini işaret eder (örneğin, Bölüm 2'ye Git). etiketi ile bir form elemanını ilişkilendirmek için for niteliği ile id değeri kullanılır, bu da erişilebilirliği artırır.
Pratik Kullanım Örnekleri
id niteliğinin farklı bağlamlarda nasıl kullanıldığını göstermektedir:
Bölüm İki'ye Atla
Sayfanın İkinci Bölümü
ile Form Elemanını İlişkilendirme
etiketi for="kullaniciAdi" niteliği ile id="kullaniciAdi" olan elemanına bağlanmıştır. Bu sayede, kullanıcı etikete tıkladığında ilgili giriş alanı otomatik olarak odaklanır, bu da erişilebilirliği artırır.
Önemli Notlar
id değeri, bir HTML belgesi içinde benzersiz olmalıdır. Aynı id değerinin birden fazla elemana atanması, beklenen davranış hatalarına yol açabilir ve standartlara aykırıdır.id değerleri büyük/küçük harfe duyarlıdır. JavaScript ve CSS'te id seçicilerini kullanırken bu duruma dikkat edilmelidir.id niteliğine sahip olabilir. Birden fazla id ataması geçersizdir.id yerine class niteliği tercih edilmelidir. id, tekil ve benzersiz elemanlar için ayrılmıştır.id değerleri geçerli bir harfle başlamalı ve boşluk karakteri içermemelidir. Geçersiz id değerleri, bazı tarayıcılarda veya eski HTML sürümlerinde sorunlara neden olabilir.
Emin
9
0
HTML Makaleleri 
HTML Dilinde HTML Classes Kullanımı
class niteliği kritik bir rol oynar. class niteliği, bir veya daha fazla HTML elementine stil vermek, JavaScript ile manipüle etmek veya belirli elementleri mantıksal olarak gruplandırmak amacıyla kullanılır. Bu makalede, class niteliğinin temel sözdizimi, detaylı açıklaması ve pratik kullanım örnekleri adım adım incelenecektir.
Sözdizimi
class niteliği, neredeyse tüm HTML elementlerinde kullanılabilir ve bir elemente bir veya daha fazla sınıf adı atamak için kullanılır. Genel sözdizimi aşağıdaki gibidir:
Detaylı Açıklama
class niteliğinin işlevselliğini anlamak için önemlidir:
, ,
, gibi herhangi bir HTML elementini temsil eder. Neredeyse tüm görsel HTML elementleri bu niteliği destekler.
class: Bu, HTML'de önceden tanımlanmış bir niteliktir (attribute). Bir elemente bir veya daha fazla sınıf atamak için kullanılır."sınıf_adı_1 sınıf_adı_2 ...": Bu, elemente atanan sınıf adlarını içeren bir değerdir. Bir elemente birden fazla sınıf atamak mümkündür. Her sınıf adı, boşluk karakteri ile ayrılmalıdır. Örneğin, "menu-item aktif" değeri, elemente hem menu-item hem de aktif sınıflarını atar.
-) ve alt çizgiler (_) içerebilirler. Sınıf adlarının anlamlı ve açıklayıcı olması, kodun okunabilirliğini ve sürdürülebilirliğini artırır.
Pratik Kullanım Örnekleri
class niteliğinin farklı kullanım senaryolarını göstermektedir:
Bu örnekte, iki farklı etiketine farklı sınıflar atanmış ve bu sınıflara CSS aracılığıyla farklı stiller uygulanmıştır. Bu, aynı türdeki elementleri farklı görsel özelliklerle sunmak için yaygın bir yöntemdir.
Bir elemente birden fazla sınıf atayarak, o elementin hem uyarı hem de orta-boyut sınıflarının tanımladığı stilleri alması sağlanır. Bu, CSS kurallarını daha modüler hale getirmeye yardımcı olur.
.uyarı {
border: 1px solid orange;
background-color: #fff3cd;
padding: 10px;
}
.orta-boyut {
font-size: 1.2em;
}
JavaScript, class niteliğini kullanarak belirli elementleri seçebilir ve üzerlerinde dinamik işlemler yapabilir. Aşağıdaki örnekte, gizle-goster sınıfına sahip bir butona tıklandığında, kutucuk sınıfına sahip bir elementinin görünürlüğü değiştirilebilir.
document.querySelector('.gizle-goster').addEventListener('click', function() {
document.querySelector('.kutucuk').classList.toggle('gizli');
});
// style.css (Örnek)
.gizli {
display: none;
}Önemli Notlar
.myClass ve .myclass CSS'te farklı olarak ele alınır..error-message yerine .red-text).class="btn btn-primary").id niteliği bir sayfada yalnızca bir kez kullanılabilirken, class niteliği birden çok elementte tekrar tekrar kullanılabilir. id daha spesifik bir element seçimi için, class ise grup seçimi için idealdir.
Emin
7
0
HTML Makaleleri 
HTML Dilinde Listelerin Kullanımı: Detaylı Bir Kılavuz
Sözdizimi
(liste öğesi) etiketi ile temsil edilir. Tanımlama listeleri için ise (tanımlama terimi) ve (tanımlama açıklaması) etiketleri kullanılır.
Detaylı Açıklama
type niteliği ile bu davranış değiştirilebilir (örneğin, type="a" küçük harfler, type="I" büyük Roma rakamları).: Hem : Tanımlama listesinde bir terimi (definition term) tanımlar.: Tanımlama listesinde etiketiyle tanımlanan terimin açıklamasını (definition description) sağlar.Pratik Kullanım Örnekleri
Önemli Notlar
list-style-type, list-style-image ve list-style-position gibi CSS özellikleri kullanılarak madde işaretleri veya numaralandırma stilleri değiştirilebilir.) içine başka bir veya diğer uygun blok seviyesi etiketlerle sarmalanmalıdır.
HTML Dilinde HTML Tables Kullanımı
Temel Sözdizimi
etiketi ile tanımlanır. Tablo içindeki her satır
(table row) etiketi ile belirtilir. Satırların içindeki her veri hücresi (table data) etiketi ile oluşturulur. Başlık hücreleri için ise (table header) etiketi kullanılır. Tablonun başlık bölümünü , gövde bölümünü ve altbilgi bölümünü ile gruplamak, tablo yapısını semantik olarak güçlendirir.
Başlık 1
Başlık 2
Veri 1A
Veri 1B
Veri 2A
Veri 2B
Altbilgi 1
Altbilgi 2
Detaylı Açıklama
