Html Webmaster

HTML Temel : HTML Listeleme

HTML Listeleme

HTML listeleri, bilgi listesini iyi biçimlendirilmiş ve anlamsal bir şekilde sunmak için kullanılır. HTML’de üç farklı liste türü vardır ve her birinin belirli bir amacı ve anlamı vardır:

  • Sırasız liste – Belirli bir sıraya göre bir dizi ilgili öğeyi gruplamak için kullanılır.
  • Sipariş listesi – Bir dizi ilgili öğeyi belirli bir sırayla gruplamak için kullanılır.
  • Açıklama (Tanımlı) listesi – Terimler listesini ve açıklamalarını görüntülemek için kullanılır.

HTML Sırasız Listeleri

Sırasız liste, özel bir sıraya veya diziye sahip olmayan ilgili bir öğeler grubudur. Bu liste HTML <ul> etiketi kullanılarak oluşturulmuştur . Listedeki her öğe bir noktalama ile işaretlenir.

  • Elma
  • Armut
  • Üzüm
  • Çilek

Öznitelik Türü

Beğendiğiniz maddelemenin türünü belirtmek için <ul> etiketi için type niteliğini kullanabilirsiniz. Varsayılan olarak, tüm listeleme de bu nitelik kullanılır. Olası seçenekler aşağıdadır;

Örnek

Aşağıda <ul type=”square”> kullandığımız bir örnek verilmiştir.

Örnek

Aşağıda <ul type=”disc”> kullandığımız bir örnek verilmiştir –

Örnek

Aşağıda <ul type=”circle”> kullandığımız bir örnek verilmiştir –


HTML Sıralı Listeleri

Öğelerinizi madde imleci yerine numaralı bir listeye koymanız gerekirse, HTML sıralı liste kullanılır. Bu liste <ol> etiketi kullanılarak oluşturulur . Numaralama bir ile başlar ve her sıralı <li> ile etiketlenmiş sıralı liste öğeleri için bir artırılır.

Örnek

  1. Elma
  2. Armut
  3. Üzüm
  4. Çilek

Öznitelik türü

Beğendiğiniz numaralandırma türünü belirtmek için <ol> etiketi için type niteliğini kullanabilirsiniz . Varsayılan olarak, bir sayıdır. Olası seçenekler aşağıdadır –

Örnek

Aşağıda <ol type = “1”> kullandığımız bir örnek verilmiştir.

Örnek

Aşağıda <ol type=”I”> kullandığımız bir örnek verilmiştir.

Örnek

Aşağıda <ol type=”i”> kullandığımız bir örnek verilmiştir.

Örnek

Aşağıda <ol type=”A”> kullandığımız bir örnek verilmiştir.

Örnek

Aşağıda <ol type=”a”> kullandığımız bir örnek verilmiştir.

Başlangıç ​​Özniteliği

İhtiyacınız olan numaralandırmanın başlangıç ​​noktasını belirtmek için <ol> etiketi için start niteliğini kullanabilirsiniz . Olası seçenekler aşağıdadır –

Örnek

Aşağıda <ol type=”i” start=”4″> kullandığımız bir örnek verilmiştir.

HTML Tanımı Listeleri

HTML ve XHTML, girişlerin sözlük veya ansiklopedideki gibi listelendiği tanım listeleri adı verilen bir liste stilini destekler. Tanım listesi, sözlük, terimler listesi veya diğer isim / değer listesini sunmanın ideal yoludur.

Tanım Listesi, aşağıdaki üç etiketi kullanır.

  • <dl> – Listenin başlangıcını tanımlar
  • <dt> – Bir terim
  • <dd> – Terim tanımı
  • </dl> – Listenin sonunu tanımlar

Örnek

Listeleme Etiketleri

Etiket Açıklama
<ol> Sıralı liste
<ul> Sırasız liste
<li> Liste maddesi
<dl> Tanımlama listesi
<dt> Terim tanımı
<dd> Tanım açıklaması
<dir> Önemsiz etiketi. Yerine <ul> kullanınız.
<menu> Önemsiz etiketi. Yerine <ul> kullanınız.

 

Yazar Hakkında

Beytullah Toprak

Genç girişimci olarak web sitemde siz değerli okuyucularımıza elimden geldiğince bilgi aktarmak hem öğrenmek , hem sizlere öğretmek amaçlamaktayız.

Yorum Yap