Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, anlatıcı HTML'de listelerin nasıl oluşturulacağını adım adım göstermektedir.
- Video, HTML'de listelerin temel yapısını ve farklı türlerini anlatmaktadır. Önce klasik listeler (ul) gösterilmekte, ardından açıklama satırları (<!-- -->) tanıtılmaktadır. Daha sonra farklı liste tipleri (ol) ve bunların stil özellikleri (list-style-type) detaylı olarak açıklanmaktadır. Anlatıcı, circle, square, a, i, i, i gibi farklı liste tiplerini ve bunların rakam, harf veya Roma rakamları şeklinde nasıl görüntülenebileceğini örneklerle göstermektedir.
- 00:01HTML'de Listelerin Oluşturulması
- Bu derste HTML'de listelerin nasıl yapıldığı gösterilecek.
- HTML dosyası oluşturulup, body içerisine liste elemanları (li) eklenerek alt alta listeleniyor.
- HTML dosyasında açıklama satırları eklemek için <!-- -- > formatı kullanılıyor ve bu satırlar tarayıcıda görüntülenmiyor.
- 02:25Farklı Liste Türleri
- Circle liste oluşturmak için list-style-type="circle" özelliği kullanılıyor ve liste elemanları içi boş noktalarla gösteriliyor.
- Square liste oluşturmak için list-style-type="square" özelliği kullanılıyor ve liste elemanları içi dolu karelerle gösteriliyor.
- List-style-type="none" özelliği kullanılarak liste elemanlarının başındaki şekiller kaldırılabilir.
- 04:19OL Listeleri
- OL listeleri oluşturmak için <ol> etiketi kullanılıyor ve liste elemanları 1, 2, 3 şeklinde rakamlarla gösteriliyor.
- List-style-type özelliği kullanılarak OL listelerinin rakamları değiştirilebilir: 1 (rakam), a (büyük harfli alfabetik), a (küçük harfli alfabetik), I (roma rakamları), i (küçük Roma rakamları).
- OL listelerinde her yeni eleman otomatik olarak belirtilen rakam veya harfle devam ediyor.
- 07:02Liste Stilinin Değiştirilmesi
- Listelerin görünümü stil özelliği kullanılarak değiştirilebilir.
- List-style-type özelliği kullanılarak liste elemanlarının başındaki şekiller değiştirilebilir: disk (içi dolu siyah), circle (içi boş daire), square (içi dolu kare), none (şekil yok).
- HTML'de listeler projeye göre istenilen şekilde (rakam, alfabetik, Roma rakamları) oluşturulabilir.