İ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 video Etiketi
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
<video> Etiketi
Örnek
Videoyu oynatın:
<video width="290" height="260" controls>
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
Tarayıcınız video etiketini desteklemiyor.
</video>
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
Tarayıcınız video etiketini desteklemiyor.
</video>
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
<video> Tanımı ve Kullanımı
<video> etiketi bir video kilp ve benzeri gibi diğer video yayınlarını tanımlar.
Şu anda video elementi için desteklenen üç video formatı var: MP4, WebM ve Ogg:
Tarayıcı | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer | VAR | YOK | YOK |
Chrome | VAR | VAR | VAR |
Firefox | VAR Firefox 21'den itibaren Linux için Firefox 30'dan itibaren |
VAR | VAR |
Safari | VAR | YOK | YOK |
Opera | VAR Opera 25'den itibaren |
VAR | VAR |
- MP4 = H264 video codec ve AAC audio codec'li MPEG 4 dosyaları
- WebM = VP8 video codec ve Vorbis audio codec'li WebM dosyaları
- Ogg = Theora video codec ve Vorbis audio codec'li Ogg dosyaları
Video Formatları için MIME Türleri
Format | MIME-Type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
Tarayıcı Desteği
Tablodaki sayılar elementi tamamen destekleyen ilk tarayıcı versiyonunu ifade ediyor.
Element | ||||||
---|---|---|---|---|---|---|
<video> | 4.0 | 12.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 4.01 ile HTML5 arasındaki farklar
<video> etiketi HTML5'te yenidir.
İpuçları ve Notlar
İpucu: <video> ve </video> etiketleri arasına girilen her metin <video> elementini desteklemeyen tarayıcılarda görüntülenir.
Opsiyonel Özellikler
= HTML5'te yeni.
Özellik | Değer | Tanım |
---|---|---|
autoplay | autoplay | Videonun hazır olur olmaz oynamaya başlayacağını belirtir. |
controls | controls | Video kontrollerinin görüntüleneceğini belirtir. |
height | piksel | Video oynatıcının yüksekliğini tanımlar. |
loop | loop | Videonun her bittiğinde yeniden başlayacağını ifade eder. |
muted | muted | Videonun sesinin kısılı olması gerektiğini tanımlar. |
poster | URL | Kullanıcı oynat butonuna tıklayana kadar veya video indirilirken gösterilecek bir resmi tanımlar. |
preload | auto metadata none |
Sayfa yüklerken videonun nasıl yükleneceğini belirler. |
src | URL | Video dosyasının URL'sini tanımlar. |
width | piksel | Video oynatıcının genişliğini belirler. |
Standart Özellikler
<video> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<video> 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 ul Etiketi
<ul> Etiketi Örnek Sırasız bir HTML listesi: < ul > < li > HTML < /li > < li > CSS < /li > < li > JavaScript < /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> <h4>Sırasız bir liste:</h4> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <ul> Tanımı ve Kullanımı <ul> etiketi sırasız, maddeli listeyi tanım
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 ol Etiketi
<ol> Etiketi Örnek İki farklı sıralı liste: < ol > < li > Van < /li > < li > Yozgat < /li > < li > Zonguldak < /li > < /ol > < ol start= "65"> < li > Van < /li > < li > Yozgat < /li > < li > Zonguldak < /li > < /ol > 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> <ol> <li>Van</li> <li>Yozgat</li> <li>Zonguldak</li> </ol> <ol start="65"> <li>Van</li> <li>Yozgat</li> <li>Zonguldak</li&g
HTML Yazı Boyutu Örnek
HTML Arkaplan ve Yazı Rengi Değiştirme Örneği
HTML frameset Etiketi
<frameset> Etiketi Örnek Basit dört çerçeveli bir çerçeve kümesi (frameset): < frameset cols= "25%,25%,25%,25%"> < frame src= "http://lorempixel.com/output/technics-h-c-70-205-7.jpg"/> < frame src= "http://lorempixel.com/output/technics-h-c-70-205-5.jpg"/> < frame src= "http://lorempixel.com/output/technics-h-c-70-205-2.jpg"/> < frame src= "http://lorempixel.com/output/technics-h-c-70-205-6.jpg"/> < /frameset > 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> <frameset cols="25%,25%,25%,25%"> <frame src="http://lorempixel
HTML embed Etiketi
<embed> Etiketi Örnek Gömülü bir flash animasyonu: < embed src= "htmlvecssegitimi.swf"> 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> <embed width="250" height="250" src="http://googledrive.com/host/0B9IeeNUkg43XWUp6VE56Y3NfMm8"> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <embed> Tanımı ve Kullanımı <embed> etiketi dış kaynaklı bir uygulama veya interaktif bir içerik için taşıyıcı olarak ifade edilir. Tarayıcı Desteği Elem
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
CSS3 column-rule-color Ö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 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css column-rule-color özelliği ve örnek uygulama</title> <style> p.sutun { column-count: 4; -webkit-column-count: 4; /* webkit için*/ -moz-column-count: 4; /* Firefox için */ -webkit-column-gap: 50px;/* webkit için*/ -moz-column-gap: 50px; /* Firefox için*/ column-gap: 50px; column-rule-style: outset; column-rule-color: blue; /*Firefox tarayıcısı için*/ -moz-colum
CSS padding-left 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 { background-color: yellow; border: 1px ridge black; -webkit-animation: animasyonismi 8s infinite; animation: animasyonismi 8s infinite; margin:50px; width:250px; } @-webkit-keyframes animasyonismi { 50% {padding-left:90px;} } @keyframes animasyonismi { 50% {padding-left: 90px;} } </style> </head> <body> <strong>css padding-left animasyon örnek</strong> &
Yorumlar
Yorum Gönder