HTML Listeler - Yazılım Ve Kodlama Öğren

Skip to content
  • Home
  • Programlama Dilleri
  • HTML Listeler
html öne çıkan görsel
Html/Css/Js Programlama Dilleri HTML Listeler 12/04/202006/06/2022 DNCR

Merhaba arkadaşlar, önceki yazımda linklere bakmıştık. Bu yazımda ise HTML listelere bakacağız.

Html Sıralı Listeler

<ol> Etiketi

Html’de sıralı listeler “ordered list” yani “sıralı liste” anlamına gelen <ol> etiketi ile başlar ve her bir sıra için ise <li> etiketi kullanılır. Bunu nasıl kullandığımızı aşağıdaki örnek koddan daha iyi şekilde görebilirsiniz.

<html> <head> <title>Sıralı liste</title> </head> <body> <ol> <li>Muhammed</li> <li>DİNÇER</li> <li>DNCR</li> </ol> </body> </html>

Bu paylaştığım kodu çalıştırdığınızda göreceksiniz ki sayılar otomatik olarak verilmektedir. 1’den başlar ve listedeki eleman sayısına kadar gider.

Html Sırasız Listeler

<ul> Etiketi

İngilizce karşılığı “unordered list” olan Türkçe olarak sırasız liste diye çevirdiğimiz listelerdir. İngilizce karşılığının baş harflerinden gelmektedir. <ul> olarak kullanılır. Burada da aynı şekilde her bir sırayı belirtmek için <li> etiketi kullanılmaktadır.

Örneğine gelecek olursak:

<html> <head> <title>Sırasız liste</title> </head> <body> <ul> <li>Luppo</li> <li>Kola</li> <li>Halley</li> </ul> </body> </html>

Bu kodumuzun ekran çıktısı da aşağıdaki gibi olacaktır.

Sırasız Liste Ekran Görüntüsü

html sırasız liste örneği

Çıktımızdan da görüleceği üzere listelerimiz madde işareti ile işaretlenmiştir. <ul> etiketine stil vererek farklı madde işaretleri ile gösterim yapabilirsiniz. O konuya daha sonra değineceğim.

Umarım anlaşılır olmuştur.

Bunlara Göz Atmak İsteyebilirsiniz

Yazılım Proje Fikirleri öne çıkan görseli
Blog Programlama Dilleri

Yazılım Derslerinde Kullanılabilecek 7 Proje

09/04/202509/04/2025 DNCR
C# logo
C# Form Programlama Dilleri

Entity Framework Nedir?

20/03/202320/03/2023 DNCR

Yazı gezinmesi

Previous: HTML Link EtiketiNext: Hazır Metot Kullanmadan Görüntüyü Sağa Döndürme

Bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Yorum *

Ad *

E-posta *

İnternet sitesi

Daha sonraki yorumlarımda kullanılması için adım, e-posta adresim ve site adresim bu tarayıcıya kaydedilsin.

Current ye@r * Leave this field empty Arama:

Son yorumlar

  • C# Form Kayıt Formu Oluşturma için DNCR
  • Stok Takip Uygulaması için DNCR
  • C# Form Kayıt Formu Oluşturma için Bünyamin
  • Stok Takip Uygulaması için eymen
  • Yapay Zeka Sistemleri Dezavantajları: Zorluklar ve Kısıtlamalar için mert

Son Yazılar

  • Yazılım Derslerinde Kullanılabilecek 7 Proje
  • Dapper Nedir? Performanslı Bir ORM Aracı
  • Scrum Nedir? Yazılım Geliştirmede Etkili Proje Yönetimi
  • Azure Devops Nedir?
  • Agile (Çevik) Yazılım Geliştirme Nedir?

Youtube Kanalıma Abone Olmayı Unutmayın!.

Từ khóa » Html Madde Işareti Gizleme