İ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 her bitcoinle ücretsiz çekiliş bileti alabilirsiniz. Dikkatle
HTML time Etiketi
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
<time> Etiketi
Örnek
Saat ve tarih tanımlama:
<p>Mağazamız haftaiçi sabah <time>10:00</time>'da açılır.</p>
<p>Sezonun ikinci yarısındaki <time datetime="2016-03-20 20:00">Galatasaray - Fenerbahçe maçına</time> gitmek istiyorum.</p>
<p>Sezonun ikinci yarısındaki <time datetime="2016-03-20 20:00">Galatasaray - Fenerbahçe maçına</time> gitmek istiyorum.</p>
htmlvecssegitimi.blogspot.com
Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz.
KAYNAK KODLARI | SONUÇ EKRANI |
---|---|
HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
<time> Tanımı ve Kullanımı
<time> etiketi saati veya tarihi tanımlar.
Bu element kullanıcıların takvimlerine belirli tarihleri ekleyebilmesi için ve arama motorlarının daha akıllı sonuçlar çıkarabilmesi için tarayıcılar ve cihazlar tarafından okunabilecek biçimde de kullanılabilir.
Tarayıcı Desteği
Tablodaki sayılar elementi tamamen destekleyen ilk tarayıcı versiyonunu ifade ediyor.
Element | ||||||
---|---|---|---|---|---|---|
<time> | 6.0 | 12.0 | 9.0 | 4.0 | 5.0 | 11.1 |
HTML 4.01 ile HTML5 arasındaki farklar
<time> etiketi HTML5'te yenidir.
Özellikler
= HTML5'te yeni.
Özellik | Değer | Tanım |
---|---|---|
datetime | datetime | <time> elementinin makine tarafından okunabilir tarihi veya zamanını tanımlar. (Kullanıcı tarafından görüntülenmez) |
Standart Özellikler
<time> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<time> etiketi Olay Özelliklerini desteklemektedir.
HTML Olay Özellikleri'ni inceleyebilirsiniz.
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
Bu blogdaki popüler yayınlar
HTML link Etiketi
<link> Etiketi Örnek Harici bir stil dosyasına bağlanma: < head > < link rel= "stylesheet" type= "text/css" href= "googledrive.css"/> < /head > 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> <head> <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9IeeNUkg43XLWstUHVuTzg5a28" /> </head> <body> <h1>Bu başlık link verilmiş bir stil dosyasıyla biçimlendirildi.</h1> <p>Bu paragraf ve sayfa arka planı da aynı şekilde biçimlendirildi.</p> </body> </html>
HTML Resimler
HTML Resimler <img> Etiketi HTML'de resimler <img> etiketi ile gösterilir. <img> etiketi boş etiket olarak tanımlanır, yani kapanış etiketi yoktur ve sadece özellikler (parametreler) içerir. src özelliği resmin URL'sini (web adresini) belirtir. alt özelliği ise, resmin görüntülenmediği durumlar için alternatif metni tanımlar: <img src="URL" alt="alternatif metin"> Örnek <!DOCTYPE html> <html> <body> <h2>HTML Resimler - Örnek</h2> <img src="cennet_papagani.jpg" alt="Papagan" width="150px" height="150px"> </body> </html> Kendiniz deneyin » Resimlerin yükseklik ve genişlik değerlerini her zaman belirtin. Yükseklik ve genişlik değerleri belirtilmediğin
HTML center Etiketi
<center> Etiketi Örnek Bir HTML sayfasında ortaya hizalanmış metin: < center > Bu yazı ortaya hizalanacaktır. < /center > 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> <p>Bu bir yazıdır.</p> <center>Bu yazı ortaya hizalanacaktır.</center> <p>Bu bir yazıdır.</p> <p>Center elementi HTML5'te desteklenmiyor. Yerine CSS kullanabilirsiniz.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <center> Tanımı ve Kullanımı HTML 5'te desteklenmiyor.Ye
HTML style Etiketi
<style> Etiketi Örnek <style> elementinin bir HTML belgesinde kullanımı: < html > < head > < style > h1 { color: green; } p { color: red; } < /style > < /head > < body > < h1 > Bu bir başlık < /h1 > < p > Bu bir paragraf... < /p > < /body > < /html > 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> <head> <style> h1 {color:green;} p {color:red;} </style> </head> <body> <h1>Bu bir başlık</h1> <p>Bu bir paragraf...</p> </body> </html>
CSS3 column-rule 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 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> #kutu-1 { border: 1px solid black; -moz-column-count: 4; -moz-column-rule: 1px outset green; -webkit-column-rule: 1px outset green; -webkit-column-count: 4; -webkit-animation: animasyonismi 4s infinite; column-count: 4; column-rule: 1px outset green; animation: animasyonismi 4s infinite; } @-webkit-keyframes animasyonismi { 50% {-webkit-column-rule: 5px outset red; } } @-keyfra
CSS overflow Özelliği
CSS overflow Boyutları belirlenen bir html elemanın içeriği kutu boyutunu aştığı durumlarda css overflow özelliği ile gösterimler kontrol edilebilir.Kaydırma çubuklarının çıkıp çıkmayacağını veya çıkacaksada x yönünde mi y yönünde mi kaydırma çubuğu istiyoruz gibi sorularımızı cevaplayan ve çözen bir özelliktir. Örnek: Bu css örneğinde iki tane div elemanından bir tanesine scroll diğerine ise hidden değeri verilmiştir. div.scroll { background-color: yellow; width: 150px; height: 150px; overflow: scroll; } div.hidden { background-color: pink; width: 150px; height: 150px; overflow: hidden; } Kendiniz deneyin » CSS overflow nedir nasıl kullanılır Overflow özelliği ile birlikte içeriğin elementin boyutlarını aşması durumunda kaydırma çubuğunun gösterilip gösterilmeyeceğini kontrol edebiliriz. CSS overflow CSS overflow özellikleri Varsayılan Değ
Javascript ile neler yapılabilir
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.
CSS empty-cells uygulama
CSS empty-cells table#tablom {<br> empty-cells:<span id='rfrnscsscde'>show</span>;<br>}<br> CSS empty-cells değerleri show hide initial Sonuç Ekranı Tabloda boş bir hücre olduğunda ,boş hücrenin kenarlarının gösterilip gösterilmesi için kullanılır. CSS3 HTML Javascript Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Javascript Oyun Yapma Dersleri HTML5+CSS3
HTML li Etiketi
<li> Etiketi Örnek Bir sıralı (<ol>) ve bir sırasız (<ul>) HTML listesi: < p > Sıralı liste: < /p > < ol > < li > Siyaset < /li > < li > Ekonomi < /li > < li > Spor < /li > < /ol > < p > Sırasız/maddeli liste: < /p > < ul > < li > Siyaset < /li > < li > Ekonomi < /li > < li > Spor < /li > < /ul > 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> <p>Sıralı liste:</p> <ol> <li>Siyaset</li> <li>Ekonomi</li> <li>Spor</li&g
Yorumlar
Yorum Gönder