CSS font-family uygulama

CSS font-family
div {

    font-family:<span id='rfrnscsscde'>Arial</span>;<br>}
CSS font-family değerleri
Sonuç Ekranı

CSS font-family özelliği

HTML ve CSS Dersleri

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Bu bir örnek paragraftır..Bu bir örnek paragraftır..

Sonuçları görmek için değerlerin üzerine geliniz.
HtmlveCSSEğitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Uyurken Bile Para Kazanmak İster misin

Resim
    İnternetten para kazanmanın yolları   ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek  internetten para kazandıran siteler  ve uygular ile  hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde  uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi  Ücretsiz Bitcin kazanmaya başlayalım  ve paraya dönüştürelim. Siteye Hemen Üye ol:  FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın...
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 »

Javascript ile neler yapılabilir

Resim
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript  kullancı taraflı bir dildir.Öğrenilmesi en kolay  web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir.
Devamı Oku »

html nedir

Resim
Web tasarım ve kodlama derslerinde ilk öğreneceğimiz dil html teknolojisidir.Bir internet sitesinin iskeletide denen bu işaretleme diliyle web site yapmasını öğreneceğiz.Hiç bir kodlama bilginiz olmasa dahi bloğumu takip edin makalelerimi okuyun ve uygulamaya çalışın.Eminim siz de kendi web sitenizi kodlayarak sıfırdan kendi projelerinizi hayata geçirebileceksiniz. Öncelikle html nedir ,ne işe yarar nasıl kullanılır bunları öğreneceğiz.Html öğrenilmesi en kolay dildir ve ben size bildiğim herşeyi uygulamalı olarak anlatacağım.Sitede kullandığım kod editörüyle  anında ne işe yaradığını göreceksiniz. Html Dersleri başlıyor. Html5 Dersleri Başlangıç HTML Nedir   İnternet siteleri yapmamıza olanak sağlayan işaretleme dili olan html sayesinde Chrome,Firefox,İnternet Explorer,Safari ve Opera gibi tarayıcılar html etiketlerini (kodlarını) yorumlayarak kullanıcıya istenen formatta görüntülenmesini sağlatırlar.Örneğin Google'da bir arama yaptığımızda çıkan sonuç...
Devamı Oku »

Html dersleri

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

CSS border-top-width Ö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 border-top-width özelliği ve örnek uygulama border-top-width özelliği uygulması Aşağıdaki kutu div ile oluşturulmuştur ve border-top-width özelliğine kenar kalınlığı "12px" verilerek oluşturulmuştur.Ayrıca özelliğin daha iyi anlaşılması için önceki derslerde öğrendiğimiz border-bottom-color ile Turuncu renk atanmıştır. HTML ve CSS Dersleri |htmlvecssegitimi.blogspot.com HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
Devamı Oku »

CSS border-right-color animasyon

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 border-right-color animasyon css border-right-color özelliği ile kutunun pembe renk olan sağ kenarının rengini animasyon ile mavi olarak değiştireceğiz ! css border-right-color özelliğinin animasyon özelliği vardır. CSS Animasyonları Internet Explorer 9 ve önceki versiyonlarında çalışmıyor.. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
Devamı Oku »

JavaScript CSS left Örnek

javascript css left özelliği örnek uygulama bu kutuyu sayfanın solundan 200px hareket ettirin. Javascript ile left özelliğine "200px" 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.left = "200px"; } Çalıştır JavaScript css left © htmlvecssegitimi.blogspot.com
Devamı Oku »

JavaScript CSS content Örnek

javascript css content özelliği örnek uygulama Bu yazının önüne tuşa basıldığında bir class ile yazılmış içeriği bu div'den öncesine getireceğiz.. Javascript ile content özelliğine .newclass:before { content: "Sitemizde HTML etiketleri ,CSS özellikleri,konu anlatımları,örnek uygulamaları inceleyiniz.."; color:red; } 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").className += " newclass"; } Çalıştır JavaScript css content © htmlvecssegitimi.blogspot.com
Devamı Oku »