JavaScript CSS counter-reset Örnek

javascript css counter-reset özelliği örnek uygulama

HTML

CSS

Javascript

Javascript ile counter-reset özelliğine "section"; 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").counterReset = "section";
}

JavaScript css counter-reset © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

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 »

HTML5 ile SEO Uyumlu İçerik Üret

Resim
 Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için   yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili  Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin.  İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın  Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse  anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her...
Devamı Oku »

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

Resim
İnternetten para kazanmanın yolları İnternet, günümüzde pek çok kişi için hem bir eğlence hem de bir gelir kaynağıdır. İnternet üzerinden para kazanmak isteyenler için çeşitli seçenekler bulunmaktadır. Bu seçenekler arasında bazıları daha kolay, bazıları ise daha zor ve emek gerektiren yöntemlerdir. Bu yazıda, internetten para kazanmanın yollarını ve bunların avantajlarını ve dezavantajlarını sizler için anlatacağız. İnternetten hangi alanlarda para kazanılır? İnternetten para kazanmak isteyenler için birçok alan mevcuttur. Bunlardan bazıları şunlardır: Blog yazmak: Blog yazmak, internetten para kazanmanın en popüler yöntemlerinden biridir. Blog yazarak, ilgi duyduğunuz veya bilgi sahibi olduğunuz bir konu hakkında yazılar yayınlayabilir ve bunları okuyucularınızla paylaşabilirsiniz. Blog yazarak para kazanmanın yolları arasında reklam gelirleri, sponsorluklar, bağlı kuruluş pazarlaması, ürün satışı, e-kitap veya kurs oluşturma gibi seçenekler bulunmaktadır. Blog yazmanın avantajları a...
Devamı Oku »

HTML Boyut Özellikleri Örnek

Resim
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 HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com
Devamı Oku »

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 Bu başlık link verilmiş bir stil dosyasıyla biçimlendirildi. Bu paragraf ve sayfa arka planı da aynı şekilde biçimlendirildi. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <link> Tanımı ve Kullanımı <link> etiketi bir belge ile harici kaynak arasındaki bağlantıyı belirtir. <link> etiketi harici kaynaklı stil dosyala...
Devamı Oku »

CSS border-left-style Ö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-left-style özelliği ve örnek uygulama CSS border-left-style özelliği ve aldığı değerler. none değeri aldığında dotted(noktalı)sol kenar stili tanımlamasıdır. dashed(kesik çizgili) sol kenar stili tanımlamasıdır. solid (sürekli çizgi)left border. double(çift)left border. groove(oluk şeklinde)left border. ridge(tümsek) sol kenar stili tanımlamasıdır. inset(içine eğimli) sol kenar stili tanımlamasıdır. outset(dışarıya eğimli)sol kenar stili tanımlamasıdır. HTML ve CSS...
Devamı Oku »

CSS3 column-count uygulama

CSS3 column-count div { column-count: 1 ; } CSS3 column-count değerleri 1 2 3 4 5 auto initial Sonuç Ekranı CSS column-count özelliği ile makaleyi çok sütunlu yapmak için kullanılabilir. CSS column-count özelliği ile makaleyi çok sütunlu yapmak için kullanılabilir. CSS column-count özelliği ile makaleyi çok sütunlu yapmak için kullanılabilir.CSS column-count özelliği ile makaleyi çok sütunlu yapmak için kullanılabilir.CSS column-count özelliği ile makaleyi çok sütunlu yapmak için kullanılabilir. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

CSS font-variant Özelliği

CSS font-variant font-variant Tüm küçük harfler büyük harflerle dönüştürülür. Ancak, dönüştürülen büyük harf metinde orijinal büyük harflere göre daha küçük bir yazı tipi boyutunda görünür. Örnek: İki farklı p elemanlarına farklı font-variant değerleri uygulanmıştır. p.normal { font-variant: normal; } p.small { font-variant: small-caps; } Kendiniz deneyin » CSS font-variant nedir nasıl kullanılır Normal ve small-caps değerlerini alır. Small-caps : "yazı tipi boyunu küçültmeden", yazı tipini küçülterek büyük harf gösterilmesini sağlar. CSS font-variant CSS font-variant özellikleri   Varsayılan Değer: normal   Kalıtsallık: var   Animasyon Özelliği: yok   Versiyon: CSS1   JavaScript font-variant: object.style.fontVariant="small-...
Devamı Oku »