Html-Liste Oluşturma

HTML KODLARI- TEMEL DÜZEY- Liste Oluşturma

Hayatımızın bir çok yerinde listeleme yapıyoruz. Bunu kodlarla neden yapmayalım değil mi ? Html kodlarımızı not defteri üzerinde yaptığımızı önceki paylaşımlardan biliyoruz. Not defterini açtıktan sonra belirli kodları kullandığımızda listeleme yapabiliriz. Gelin şimdi bu kodlara bir göz atalım.
Listeleme yaparken iki tip liste biçimini kullanıyoruz. Birinci sıralı liste ikincisi ise sırasız liste.

Sıralı liste için <ol> </ol> tagını ( etiketini) kullanıyoruz. Sırasız liste için ise <ul> </ul> tagını kullanıyoruz. Bu tagları yazdıktan sonra listelemeyi yapacak tagımızı yazmaya geliyor. Bu <li> </li> tagıdır. <ol> ya da <ul> tagları nasıl bir liste yapacağımızı belirlemek içindir. <li> tagı iste neyi listeleyeceğimizi yazmak için kullandığımız tagdır. İki tagımızına kullanımını basitçe bir kodla örnekleyelim.

Listelemenin Kod Formatı

Bu not defterinde bulunan kod kısmı. Şimdide tarayıcı formatında nasıl göründüğüne bakalım.

Sırasız listenin ekran görüntüsü

Bu sırasız liste örneğiydi. Sıralı liste içinde bir örnek verelim.

Sıralı listenin kod bölümü

Bakın burda önceki kodda kullandığım <ul> tagının yerine <ol> yazdım. Farkı şu <ol> kullandığımızda 1),2) şeklinde sıralıyor. Aşağıdaki ekran görüntüsünde olduğu gibi.