Html Dersleri 12. Html ul ve ol etiketleri ile dikey menü yapısı

Yazar

12 Mayıs 2020

183

html5 ol ve ul listeleme etiketleri ile dikey menü yapısı - list tags

Bu bölümde sıralı ve sırasız listeleme elamanları ile bir html menü yapısı nasıl yapılıyor bundan bahsedeceğiz. Bir önceki dersten hatırlayacak olursak <ol> etiketi kullanılarak oluşturulan listeler sıralı listelerdir. Sıralamalar sayısal, alfabetik ya da romen rakamları ile yapılabilir. <ul> etiketi ile oluşturulan listelerde ise sıralama elemanı bir grafik semboldür.

Detayları anlamak için aşağıdaki kodları inceleyebilir veya sayfanın altında bulunan eğitim videosunu izleyebilirsininiz.

html ol, sıralı listeleme etiketi ile menü yapısı

Örnek html ol kodu

  <ol>
      <li><a href="#">Anasayfa</a></li>
      <li>
          <a href="#">Kurumsal</a>
          <ul>
              <li><a href="#">Hakkımızda</a></li>
              <li><a href="#">Misyon & Vizyon</a></li>
              <li><a href="#">Kalitemiz</a></li>
          </ul> 
      </li>
      <li><a href="#">Neden Biz</a></li>
      <li><a href="#">İletişim</a></li>
  </ol>

Yukarıdaki ol sıralı liste munü örneğinin görüntüsü aşağıdaki gibi olacaktır.