İ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 li Etiketi
- Bağlantıyı al
- E-posta
- Diğer Uygulamalar
<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>
<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>
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
<li> Tanımı ve Kullanımı
<li> etiketi liste elemanını tanımlar.
<li> etiketi, sıralı listelerde (<ol> ), sırasız/maddeli listelerde (<ul> ) ve menü listelerinde (<menu> ) kullanılır.
Tarayıcı Desteği
Element | ||||||
---|---|---|---|---|---|---|
<li> | Var | Var | Var | Var | Var | Var |
İpuçları ve Notlar
İpucu: Liste türünü tanımlamak için CSS kullanabilirsiniz.
HTML 4.01 ile HTML5 arasındaki farklar
"type" özelliği HTML5'te desteklenmiyor.
"value" özelliği HTML 4.01'de artık kullanılmıyordu, ama HTML5'te destekleniyor.
Özellikler
Özellik | Değer | Tanım |
---|---|---|
type | 1 A a I i disc square circle |
HTML 5'te desteklenmiyor. Hangi şekilde madde işareti kullanılacağını belirler. |
value | sayı | Bir liste elemanı için sayı değeri belirler. Sıradaki liste elemanları o sayıdan itibaren numaralanarak devam eder (sadece sıralı <ol> listelerinde) |
Standart Özellikler
<li> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<li> 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 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 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
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
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