Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Nurullah Taş tarafından sunulan HTML CSS derslerinin bir parçasıdır. Nurullah, izleyicilere adım adım HTML ve CSS kullanarak bir web sayfasına ilişkili makaleler alanı eklemeyi göstermektedir.
- Videoda, footer'ın üstüne "İlişkili Makaleler" adlı bir yan alan oluşturma süreci anlatılmaktadır. Nurullah önce üç farklı resim indirip, ardından HTML ve CSS kodları kullanarak bu resimleri ve ilgili makaleleri listeleme yapısını oluşturur. Listede her makale için resim, başlık ve yazar bilgisi eklenir. Video, CSS'in sidebar yapısını nasıl etkilediğini göstererek sonlanır.
- 00:00HTML CSS Dersinde İlişkili Makaleler Alanı Ekleme
- Nurullah Taş, HTML CSS dersleri serisine devam ederek "ilişkili makaleler" alanı eklemeyi öğretiyor.
- Ders için masaüstüne "nt", "nk" ve "gandalf" isimli üç farklı resim indiriliyor.
- Footer'ın üstüne "asside" adında bir yan alan oluşturuluyor ve içine "İlişkili Makaleler" başlığı ekleniyor.
- 03:28Listeleme Yapısı Oluşturma
- "Asside" içine "ul" (maddeli liste) ve "li" (liste elemanı) kullanılarak üç adet liste oluşturuluyor.
- Her liste elemanına "img" etiketi ile resim ekleniyor ve "hight" ve "width" özellikleri ile boyutları ayarlanıyor.
- Resimlerin yanına "a" etiketi ile linkler ekleniyor ve "href" özelliği ile boş linkler oluşturuluyor.
- 06:08İçerik Ekleme ve Sonuç
- Her liste elemanına "p" etiketi ile makale başlığı ve yazar bilgisi ekleniyor.
- Resim ve içerik bilgileri değiştirilerek üç farklı makale listesi oluşturuluyor.
- "Asside" etiketi, tüm içerikleri bir kutu içine alarak footer'ın üstüne yan konteyner olarak ekliyor.