CSS margin-bottom uygulama

CSS margin-bottom
div#sarikutu {<br>    background-color:yellow;<br>    margin-bottom:<span id='rfrnscsscde'>auto</span>;<br>}<br>
CSS margin-bottom değerleri
Sonuç Ekranı
sarikutu
Mavi kutu

Sarı kutunun margin-botom değeriyle mavi kutuyu uzaklaştıracağız.

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 footer Etiketi

<footer> Etiketi Örnek Bir belgenin altbilgisi: < footer >    < p > Yazar: Admin < /p >    < p > İletişim Bilgisi: < a href= "mailto:admin@example.com"> admin@example.com < /a > . < /p > < /footer > 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 Yazar: Admin İletişim Bilgisi: admin@example.com . HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <footer> Tanımı ve Kullanımı <footer> etiketi bir belge veya bölme için altbilgiyi tanımlar. <footer> elementi taşıdığı elementle ilgili bilgi içeri...
Devamı Oku »

HTML option Etiketi

<option> Etiketi Örnek Dört seçenekli bir açılır liste: < select >     < option value= "honda"> Honda < /option >      < option   value= "toyota"> Toyota < /option >      < option   value= "ford"> Ford < /option >      < option   value= "chevrolet"> Chevrolet < /option > < /select > 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 Honda Toyota Ford Chevrolet HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <option> Tanımı ve Kullanımı <...
Devamı Oku »

HTML optgroup Etiketi

<optgroup> Etiketi Örnek <optgroup> etiketleriyle grupla ilişkili seçenekler oluşturma: < select >   < optgroup label= "Japon Arabaları">     < option value= "honda"> Honda < /option >      < option   value= "toyota"> Toyota < /option >    < /optgroup >    < optgroup   label= "Amerikan Arabaları">      < option   value= "ford"> Ford < /option >      < option   value= "chevrolet"> Chevrolet < /option >   < /optgroup > < /select > 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 H...
Devamı Oku »

HTML kbd Etiketi

<kbd> Etiketi Örnek Belgeye klavye girişi ekleme: < kbd > Klavye girişi < /kbd > 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 <kbd> Tanımı ve Kullanımı <kbd> etiketi ifade/tümce etiketidir. Klavye girişini tanımlar. İpucu: Artık kullanılmayan bir etiket değildir, ama CSS ile birlikte daha etkili ve zengin efektler verilebilir. Tüm ifade/tümce etike...
Devamı Oku »

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 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 Element <embed> Var Var Var Var Var Var HTM...
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 »

HTML menuitem Etiketi

<menuitem> Etiketi Örnek Basit bir düzenleyici için iki menü butonu içeren bir içerik menüsü: < menu >   < li >     < button type= "menu" value= "Dosya" menu= "dosya-menu">     < menu type= "context" id= "dosya-menu">       < menuitem label= "Yeni" onclick= "newFile()">        < menuitem   label= "Kaydet"   onclick= "saveFile()">      < /menu >   < /li >    < li >      < button   type= "menu"   value= "Edit" menu= "edit-menu">      < menu   type= "context"   id= "edit-menu">        < menuitem   label= "Kes"  onclick= "cutEdit()">        < menuitem   label= "Kopyala"   onclick= "copyEdit()">        < menuitem   label= "Yapıştır"   onclick...
Devamı Oku »