Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Siber Akademi'de sunulan bir eğitim dersidir. Eğitmen, HTML5'in yeni bir etiketi olan sidebar etiketinin ne işe yaradığını ve nasıl kullanılacağını anlatmaktadır.
- Videoda öncelikle sidebar etiketinin tanımı yapılmakta, ardından bir örnek üzerinden CSS ile nasıl biçimlendirileceği gösterilmektedir. Eğitmen, sidebar etiketine float, width, margin, padding ve background-color gibi CSS özellikleri ekleyerek bir sidebar oluşturmayı adım adım anlatmaktadır. Ayrıca, sidebar'a metin ekleme işlemi de gösterilmektedir.
- 00:14SLI Etiketi Nedir?
- SLI etiketi, HTML5 ile gelen yeni bir etikettir ve sayfanın sidebar olarak tanımlanan yan tarafını belirtir.
- SLI etiketi genellikle blog sitelerinde kullanılır ve içeriğinde kategoriler bölümü, arama kutusu, anketler, sabit bağlantılar ve reklam alanı yer alır.
- SLI etiketi sayfanın sağında veya solunda yer alabilir.
- 01:12CSS ile SLI Etiketi Düzenleme
- CSS sayfasında "side" adında bir etiket oluşturulur ve float özelliği "left" olarak ayarlanarak metnin sola dayalı görüntülenmesi sağlanır.
- SLI etiketinin genişliği 220 piksel, margin değeri 20 piksel, padding değeri 30 piksel olarak belirlenir.
- Arka plan rengi için renk paleti kullanılarak açık bir renk tonu seçilir.
- 03:16SLI Etiketine Metin Ekleme
- SLI etiketine metin eklemek için "p" paragraf etiketi kullanılır.
- Paragraf etiketi arasına metin kopyalanıp yapıştırılarak SLI etiketine metin eklenir.
- SLI etiketi geliştirilerek reklam kısmı gibi yeni örnekler oluşturulabilir.