0

Htnl 6 – Liste Oluşturma

Merhaba güzel insanlar, 

Serinin bir önceki yazısında metin biçimlendirme için gerekli etiketlerden bahsetmiştik. Bu yazımda ise Html ile nasıl listeleme yapabileceğimizden bahsedeceğiz.

Elimizde 2 tür listeleme yöntemimiz bulunuyor. Bunlar maddeleme, numaralandırma.

MADDELEME

Bu listeleme yöntemi için  <ul> ve <li> etiketlerini kullanırız. Burada ul sıralama olmadan yapılan listeler için kullanılırken li ise tarayıcıya madde işareti koymak istediğimizi bildirir.

Bir örnek ile pekiştirelim.

Çıktısına baktığımızda maddelenmiş listemiz tarayıcıda karşımıza çıkacaktır.

SIRALAMA

 Bu yöntem için ise <ol> ve <li> etiketlerini kullanırız. Örnek olarak top10 listesinden gidelim o zaman.

Veee çıktısına baktığımızda numaralı bir liste görürüz.

Bir de bu listeleme yöntemlerinde veya başka durumlarda çooook işimize yarayacak bir etiket var biraz da ondan bahsedelim.

<pre> </pre> Etiketi

Html kodlar yazarken verdiğimiz boşluklar veya alt satıra geçtiğimiz tarayıcı tarafından algılanmaz. Hatta bu yüzden önceki yazılarda alt satıra geçme komutu vermek için <br> etiketi kullanmıştık.

Aynı satırda verdiğimiz boşlukları aynen tarayıcıda görmek istiyorsak daha doğrusu nasıl yazdıysak metinleri o şekilde görmek istiyorsak bu defa <pre> etiketi kullanmamız gerekir. Listeleme yapılmak istendiğinde çokça tercih edilen bir etikettir kendileri.

Örneğin;

 Çıktımızda kodlara ne yazdıysak onu görürüz.

Listeleme yöntemlerinde anlatabileceklerim bu kadardı. Akla takılan bir şeyler olduğunda benimle iletişime geçerseniz çok sevinirim.

Serinin bir sonraki yazısında görüşmek üzere. Hayatın tüm güzellikleri sizlerle olsun.


Like it? Share with your friends!

0

0 Comments

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir