Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HTML 5 ve CSS 3 eğitim setinin ikinci dersini içeren bir eğitim içeriğidir. Eğitmen, web geliştirme konularını adım adım göstermektedir.
- Video, HTML yorumlarının nasıl yapılacağını göstererek başlıyor ve ardından CSS renk kodlarını (yıldız, RGB ve hexadecimal) anlatıyor. Daha sonra JavaScript kullanarak yeni HTML etiketleri oluşturma yöntemi gösteriliyor. Son bölümde ise HTML 5'te sayfa yapıları (header, nav, section, aside ve footer) tanıtılarak, bu etiketlerin nasıl kullanılacağı açıklanıyor. Eğitmen, bu dersin öncesinde CSS ve HTML eğitim setinin bitirilmesi gerektiğini belirtiyor.
- 00:09HTML Yorumları
- HTML yorumları, kodların tarayıcı tarafından okunmamasını sağlamak için kullanılır ve kullanıcılar bu yorumları göremez.
- HTML yorumları için "<!--" ve "-->" işaretleri kullanılır.
- Yorumlar karışıklığı önlemek ve kodları anlamlı hale getirmek için yapılır, özellikle iç içe div'ler arasında hangi div'in ne olduğunu hatırlatmak için kullanışlıdır.
- 02:10CSS Kodları ve Renkler
- CSS'te yıldız (*) tüm HTML elementlerine aynı stil uygulamak için kullanılır.
- Renkler İngilizce isimleriyle, RGB kodları veya hexadecimal kodları ile belirtilir.
- RGB kodlarında (0,0,0) siyah, (255,255,255) beyaz, üç değer aynı olduğunda gri tonlar oluşur.
- 06:24JavaScript ile Yeni HTML Etiketi Oluşturma
- JavaScript ile yeni bir HTML etiketi oluşturulabilir: document.createElement("makale") şeklinde.
- Oluşturulan yeni etikete CSS özellikleri uygulanabilir, CSS'te sadece etiket ismini yazarak stil uygulanabilir.
- Yeni etiket için display: block özelliği kullanılarak bir satırı tamamen o etikete ayırmak mümkündür.
- 09:55HTML5 Sayfa Yapısı
- HTML5 sayfa yapısında üst kısımda header etiketi, alt kısımda footer etiketi kullanılır.
- Sitenin değişen kısmı section etiketi ile, menüler nav etiketi ile, yan tarafta sürekli değişmeyen içerikler aside etiketi ile oluşturulur.
- İçerik kısmında article etiketi kullanılarak makaleler oluşturulabilir ve her makale için kendi header ve footer'ı olabilir.