JavaScript CSS font Örnek

javascript css font özelliği örnek uygulama

Bu yazının fontunu değiştirelim şimdi..

Javascript ile font özelliğine "italic small-caps bold 16px arial, sans-serif" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !

function fonk() {
document.getElementById("anakutu").style.font = "italic small-caps bold 16px arial, sans-serif";
}

JavaScript css font © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML s Etiketi

<s> Etiketi Örnek Artık doğru olmayan, geçersiz veya ilgisiz metni işaretleme: < p > < s > Arabamın markası Renault < /s > < /p > < p > Yeni arabamın markası Toyota < /p > 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 Arabamın markası Renault Yeni arabamın markası Toyota HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <s> Tanımı ve Kullanımı <s> etiketi artık doğru, net veya ilgili olmayan metni işaretlemek için kullanılır. <s> etiketi değiştirilmiş ya da silinmiş metni işaretlemek için kullanılmamalıdır. Değiştirilmiş vey...
Devamı Oku »

HTML p Etiketi

<p> Etiketi Örnek Paragraf şu şekilde gösterilir: < p > Bu bir paragraftır..... < /p > 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 Bu bir paragraftır..... Bu bir paragraftır..... Bu bir paragraftır..... HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <p> Tanımı ve Kullanımı <p> etiketi bir paragrafı ifade eder. Tarayıcılar her bir <p> elementinden önce ve sonra biraz kenar boşluğu ekler. Kenar boşlukları CSS'te margin özellikleriyle düzenlenebilir. Tarayıcı Desteği Element <p> Var Var...
Devamı Oku »

CSS flex-flow Örnek

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 css flex-flow özelliği ve örnek uygulama e r e n c s s Hatırlatma: Internet Explorer 10 ve öncesindeki versiyonları bu özelliği desteklemiyor. Hatırlatma: Safari 6.1 ve sonrasındaki versiyonlarında -webkit takısı ile birlikte kullanılabilir. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
Html  dersi uygulama örneğimizde  html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arası...
Devamı Oku »

Web Sitenizden Çok Para Kazanin

Resim
  Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Devamı Oku »

CSS3 animation-delay Uygulama

CSS3 animation-delay div#kutu1 {<br>    animation-delay:<span id='rfrnscsscde'>1s</span>;<br>}<br> CSS3 animation-delay değerleri 1s 2s 3s 4s 5s -1s -2s Sonuç Ekranı Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

CSS height uygulama

CSS height div { height: auto ; } CSS height değerleri auto 40px 80px 100px 250px 400px initial Sonuç Ekranı css height örnek uygulama Sonuç ekranının yüksekliğini sol taraftaki değerlere tıklayarak etkileri görebilirsiniz.. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Resim
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...
Devamı Oku »