<details> Etiketi Örnek <details> elementinin kullanımı: < details > < summary > Copyright 2015 < /summary > < p > Tüm hakları saklıdır. < /p > < p > İçeriğin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır. < /p > < /details > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <details> <summary>Copyright 2015</summary> <p>Tüm hakları saklıdır.</p> <p>Sitedeki içeriklerin ve görsellerin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır.</p> </details> <p><b>Not:</b>
<canvas> Etiketi Örnek canvas etiketleri arasına mavi bir kare çizimi: < canvas id= "myCanvas">< /canvas > < script > var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#3059D6"; ctx.fillRect(0, 0, 80, 100); < /script > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <canvas id="myCanvas">Tarayıcınız HTML5 canvas elementini desteklemiyor.</canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#3059D6";
Merhaba arkadaşlar bu yazımda eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve uzunca yazılan javascript kod satırlarını bölme yi öğreteceğim. Web tasarım ve kodlama dersleri adı altında başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir konusunu işledim. Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme Bazen web site yapmak istediğimizde hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu ters slash (\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz. <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile kod satırını bölme</title
CSS content Css content özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir. Örnek: Bu örnekte bir linkin title değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before { content: " (" attr(title) ")"; color: red; font-size: 1.1em; } Kendiniz deneyin » CSS content nedir nasıl kullanılır Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir. CSS content CSS content özellikleri Varsayılan Değer: normal Kalıtsallık: yok Animasyon Özelliği: yok Versiyon: CSS2 JavaScript content: Açıklama Oynat CSS content Tarayıcı Desteği Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sü
<main> Etiketi Örnek main etiketi örnek kullanım: < main > < h1 > İnternet Tarayıcıları < /h1 > < p > Google Chrome, Firefox, ve Internet Explorer günümüzün en çok kullanılan tarayıcılarıdır. < /p > < article > < h1 > Google Chrome < /h1 > < p > Google Chrome, 2008 yılında Google tarafından geliştirilen açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p > < /article > < article > < h1 > Internet Explorer < /h1 > < p > Internet Explorer, 1995 yılında Microsoft tarafından kullanıma sunulan ücretsiz bir internet tarayıcısıdır. < /p > < /article > < article > < h1 > Mozilla Firefox < /h1 > < p > Firefox, 2004 yılında Mozilla tarafından kullanıma sunulan açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p > < /article > < /main > Kendiniz deneyin »
Javascript ile oyun nasıl yapılır, oyun nasıl programlanır öğrenmek ister misin ? Javascript class yapısı kullanarak nesne yönelimli modern kod yazımları ile sen de kendi oyununu çok kolay programlayabilirsin ve algoritma yeteneğin çok iyi gelişecek.
Merhaba arkdaşlar , html işaretleme dilinde yorum etiketini bir webmaster olarak kulanmamız gerekebilir.Bu bize kodların karışmamasını ve disiplinli bir çalışma yapmamıza olanak sağlar. Bu örneği uygulayarak nasıl html yorum tagını yani etiketini kullanabileceğinizi öğreneceksiniz. <!DOCTYPE html> <html> <body> <p>Kodu Çalıştır butonuna tıkladığınızda, yorum etiketleri arasındaki öğe tarayıcıda görüntülenmez. Yorum etiketlerini silerek içeriği görüntüleyebilirsiniz.</p> <!-- Aşağıdaki içeriği şimdilik gizle <img border="0" src="http://3.bp.blogspot.com/-NE-3K559zkQ/ViVybTh5YqI/AAAAAAAAAr8/fvJSe7lEA9Y/s320/cennet_papagani.jpg" alt="papagan" /> --> </body> </html> Bu bloğu yazarken html kaynak kodlarında sürekli güncellemeler ve düzenlemeler yapıyorum.Blogger kaynak görünümüne geçtiğiniz de bir çok yorum satırlarımı bulabilirsiniz. bu örneği tamam
Yorumlar
Yorum Gönder