HTML5 ve CSS3 Dersleri,
Web Tasarım ve Programlama,Javascript Oyun Geliştirme,Web Site Yapımı Dersleri
JavaScript CSS3 animation-delay Örnek
Bağlantıyı al
Facebook
X
Pinterest
E-posta
Diğer Uygulamalar
javascript css3 animation-delay örnek uygulama
Aşağıdaki animasyon kutucuğu 5 saniye sonra harekete geçecektir.
Javascript ile animation-delay özelliğine animation-delay: 2s; değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !
CSS top Css top özelliği ile durağan halde bulunmayan html elementlerinin konumları düzenlenebilir. Örnek: Bu örnekte kapsayıcısı içinde bulunan küçük kutu büyük kutuya göre 150px uzaklıktadır. div.relative { position: relative; width: 250px; height: 280px; border: 2px solid yellow; } div.absolute { position: absolute; top: 150px; width: 100px; height: 100px; border: 2px solid blue; } Kendiniz deneyin » CSS top nedir nasıl kullanılır Css top özelliğini kullanırken dikkat edilmesi gereken elementin position değeridir.Bu değer varsayılan olarak relative dir.Yani eleman durağan haldedir.Top değeri girilse bile eleman konum değiştirmez. CSS top CSS top özellikleri   Varsayılan Değer: auto Kalıtsallık: yok Animasyon Özelliği: var Oynat V...
Html dersleri ne kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullana...
Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin. İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her...
« Önceki Ders Sonraki Ders » Bir bilgisayar kodu öğesi <code> var x = 4; var y = 7; document.getElementById("demo").innerHTML = x + y; </code> HTML Bilgisayar Kodlarını Biçimlendirme HTML belgeleri normalde değişken harf boyutu ve aralığı kullanır. Fakat bilgisayar kodu örnekleri gibi öğelerin görüntülenmesinde bu tercih edilmez. Görsel olarak farkedilebilmeleri ve arama motorlarına bu örneklerin ne olduğunun bildirilebilmeleri için, varsayılan metin boyutu, stili ve karakter aralığından farklı olmaları gerekir. Bu yüzden <kbd> , <samp> ve <code> gibi bilgisayar kodu örnekleri sabit karakter boyutu ve aralığındadır. Klavye Girişi için HTML <kbd> Etiketi HTML <kbd> etiketi klavye girişini tanımlar. Örnek <p><kbd>Dosya | Aç...</kbd></p> Sonuç: Dosya | Aç... Kendiniz deneyin » Bilgisayar Çıktısı için HTML <samp> Etiketi H...
Yorumlar
Yorum Gönder