İ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 sup Etiketi
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
<sup> Etiketi
Örnek
Metne üstsimge ekleme:
<p>Bu yazı <sup>üstsimge</sup> içerir.</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
<sup> Tanımı ve Kullanımı
<sup> etiketi üstsimgeyi, üste yazılan yazıyı/simgeyi tanımlar. Üstsimge normal yazıdan biraz daha küçük olan ve yazının biraz üstüne yerleştirilen bir sayı, simge, gösterge veya şekildir.
Üstsimge yazısı dipnot belirtmek ya da matematikte üslü sayılar yazmak için kullanılabilir:
104 ve Tescilli Ticari Marka Simgesi® örneklerinde olduğu gibi.
İpucu: <sub> etiketi ise altsimge metnini tanımlar.
Tarayıcı Desteği
Element | ||||||
---|---|---|---|---|---|---|
<sup> | Var | Var | Var | Var | Var | Var |
HTML 4.01 ile HTML5 arasındaki farklar
Fark yoktur.
Standart Özellikler
<sup> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<sup> 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 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 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>
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 Arkaplan ve Yazı Rengi Değiştirme Örneği
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
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
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 Yazı Boyutu Örnek
CSS margin-bottom 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 { height: 150px; background-color: lime; border: 1px solid gray; -webkit-animation: animasyonismi 4s infinite; animation: animasyonismi 4s infinite; } @-webkit-keyframes animasyonismi { 50% {margin-bottom: 100px;} } @keyframes animasyonismi { 50% {margin-bottom: 100px;} } </style> </head> <body> <strong>css margin-bottom animasyon</strong> <div id="
Yorumlar
Yorum Gönder