HTML Yazı Tipleri Örnek

<!DOCTYPE html> <html> <body> <h1 style="font-family:impact">impact Yazı Tipli Başlığımız</h1> <p style="font-family:tahoma">tahoma yazı tipli paragrafımız.....</p> <p style="font-family:verdana">verdana yazı tipli paragrafımız.....</p> <p style="font-family:charcoal">charcoal yazı tipli paragrafımız.....</p> </body> </html>

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML s Etiketi

<s> Etiketi Örnek Artık doğru olmayan, geçersiz veya ilgisiz metni işaretleme: < p > < s > Arabamın markası Renault < /s > < /p > < p > Yeni arabamın markası Toyota < /p > 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 Arabamın markası Renault Yeni arabamın markası Toyota HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <s> Tanımı ve Kullanımı <s> etiketi artık doğru, net veya ilgili olmayan metni işaretlemek için kullanılır. <s> etiketi değiştirilmiş ya da silinmiş metni işaretlemek için kullanılmamalıdır. Değiştirilmiş vey...
Devamı Oku »

CSS border-bottom-style Özelliği

CSS border-bottom-style Css border-bottom-style özelliği html elemanının alt kenar sitilini belirtmek için kullanılır. Örnek: Bu örnekte div elemanının alt kenarına sitil özellikleri uygulayarak border-bottom-style özelliğinin değerlerinin etkilerini öğreneceğiz. div.none { border-bottom-style: none; } div.dotted { border-bottom-style: dotted; } div.dashed { border-bottom-style: dashed; } div.solid { border-bottom-style: solid; } div.double { border-bottom-style: double; } div.groove { border-bottom-style: groove; } div.ridge { border-bottom-style: ridge; } div.inset { border-bottom-style: inset; } div.outset { border-bottom-style: outset; } Kendiniz deneyin » CSS border-bottom-style nedir nasıl kullanılır Bu özellikle bir html elemanının alt kenar tipi / sitili değiştirilebilir. Bir çok değere sahip olan bir özelliktir. Kenar tipi kesikli,noktalı,çift çizgi gibi. değerle...
Devamı Oku »

JavaScript CSS clear Örnek

Resim
javascript css clear uygulama css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz.css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz.css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz.css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz.css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz.css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz.css clear özelliği ve both değeri ile önceden uygulanmış float etkisini ortadan kaldırabiliriz. Javascript ile clear özelliğine "both" 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").style.clear = "both"; } Çalıştır JavaScript css clear © htmlvecssegitimi....
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 »

CSS align-content uygulama

CSS align-content: div { border: 1px solid black; display: flex; flex-wrap: wrap; align-content: space-around ; } CSS align-content değerleri stretch center flex-start flex-end space-between space-around initial Sonuç Ekranı Sonuçları görmek için değerlerin üzerine tıklayınız. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

CSS flex-shrink uygulama

CSS flex-shrink div#pembekutu {<br>    flex-shrink:<span id='rfrnscsscde'> 1</span>;<br>}<br> CSS flex-shrink değerleri 0 1 2 3 initial Sonuç Ekranı Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

HTML html Etiketi

<html> Etiketi Örnek Basit bir HTML5 belgesi: < !DOCTYPE   html > < html > < head > < title > Belgenin başlığı < /title > < /head > < body > Belgenin içeriği.............. < /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 Belgenin başlığı Belgenin içeriği.............. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <html> Tanımı ve Kullanımı <html> etiketi tarayıcıya kendisinin bir HTML belgesi olduğunu söyler. <html> etiketi HTML belgesinin kaynağını temsil eder. <html> etiketi,...
Devamı Oku »