CSS3 column-span uygulama

CSS3 column-span
#myH2 {
    column-span:1;
}
CSS3 column-span değerleri
Sonuç Ekranı

css column-span nedir ?

css column-span özelliği ile bir elementin o sütunlu yapıya dahil edilip edilmeyeceği ayarlanabilir.Örneğin bu örnekte "h2" ile oluşturduğumuz başlık "1" değerini aldığında sütunlu yapıya dahil edilecek "all" değerini aldığında ise o sütunlu yapıdan ayrılarak kendi özelliğini (block)düzeyinde element gibi davranmaya devam edecektir.
Sonuçları görmek için değerlerin üzerine geliniz.
HtmlveCSSEğitimi.blogspot.com

Yorumlar

Yorum Gönder

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 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 »

HTML Dersleri

Resim
Sıfırdan HTML5 Dersleri Başlıyor ! HTML ile kendi websitenizi kurabilirsiniz. Bu eğitim size HTML hakkında herşeyi öğretecektir. HTML öğrenmesi kolay bir dildir.Sakız çiğnemek kadar kolay inanın Html işaretleme dilini binlerce uygulamalı olarak öğrenmeye başlayın HTML Dersleri konuları yüzlerce örnek içerir. Örneklerin altında yer alan "Kendiniz Deneyin" kutucuğunu kullanarak açılan bölümde "Kodu Çalıştır" butonu ile sonuçları görüntüleyebilirsiniz. <!DOCTYPE html> <html> <head> <title>HTML Eğitimi</title> </head> <body> <h1>HTML(5) Dersleri</h1> <p>HTML ile kendi websitenizi kurabilirsiniz.</p> </body> Kodu Çalıştır "Kendiniz deneyin" butonunu kullanarak nasıl çalıştığını görün. HTML Derslerine başlayabilirsiniz. ...
Devamı Oku »

HTML code Etiketi

<code> Etiketi Örnek Bir belgedeki metni biçimlendirme: < code > Bilgisayar kodları < /code > 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 Vurgulanmış metin Önemli metin Bilgisayar kodları Bir bilgisayar programının örnek çıktısı Klavye girişi Değişkenler (Variables) HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <code> Tanımı ve Kullanımı <code> etiketi ifade etiketidir. Bilgisayar kodlarını tanımlar. İpucu: Bu etiket artık kullanılmıyor değil, ancak CSS ile birlikte daha çeşitli etkiler elde edilebilir. Tüm ifade/tümce...
Devamı Oku »

Javascript ile neler yapılabilir

Resim
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.
Devamı Oku »

HTML em Etiketi

<em> Etiketi Örnek <em> etiketi ile metni vurgulama: < em > Vurgulanmış yazı < /em > 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 Vurgulanmış metin Önemli metin Bilgisayar kodları Bir bilgisayar programının örnek çıktısı Klavye girişi Değişkenler (Variables) HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <em> Tanımı ve Kullanımı <em> etiketi ifade/tümce etiketidir. Vurgulanmış metin olarak yorumlanır. İpucu: Modası geçmiş, kullanılmayan bir etiket değildir, ama CSS ile birlikte daha zengin efektler verilebilir. Tüm i...
Devamı Oku »

HTML Element Referansları

HTML Etiketleri Alfabetik Sıralı HTML belgelerinde kullanabileceğiniz HTML etiketleri nin tamamını alfabetik sıralı şekilde aşağıdaki tablodan inceleyebilirsiniz. HTML5 ile birlikte gelen yeni etiketler ve HTML5'te desteklenmeyen etiketler de tabloya dahildir. = HTML5'te yeni. Etiket Tanım <!--...--> Kaynak kodundaki bir yorumu ifade eder <!DOCTYPE> Belge türü bildirimini ifade eder <a> Bir bağlantıyı linki ifade eder <abbr> Kısaltmayı ya da kısa adı ifade eder <acronym> HTML 5'te desteklenmiyor. Yerine <abbr> kullanın. Kısa adı ifade eder <address> Belge sahibi ya da yazarı ile ilgili iletişim bilgisini ifade eder <applet> HTML 5'te desteklenmiyor. Yerine <embed> ya da <object> kullanın. Sayfaya gömülü uygulamayı ifade eder <area> Bir görsel haritası içinde...
Devamı Oku »

HTML img Etiketi

Resim
<img> Etiketi Örnek Bir resmin yerleştirilmesi: < img src= "cennet_papagani.jpg" alt= "Cennet Papağanı" width= "150" height= "150"/> 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 HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <img> Tanımı ve Kullanımı <img> etiketi HTML sayfasındaki bir resmi tanımlar. <img> etiketinin iki gerekli özelliği vardır: src ve alt Not: Resimler aslında HTML sayfasın içine yüklenmiyorlar, yalnızca HTML sayfasına köprüleniyorlar. <img> etiketi başvurulan resim için barınma alanı ol...
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 »

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 Bu bir başlık Bu bir paragraf... HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <style> Tanımı ve Kullanımı <style> etiketi HTML belgesi için stil bilgisi olarak tanımlanır. ...
Devamı Oku »