HTML figcaption Etiketi

<figcaption> Etiketi

Örnek

Belgedeki resmi vurgulamak için <figure> elementini kullanın. <figure> elementi başlık da barındırır (<figcaption>):

<figure>
  <img src="peri_bacalari.jpg" alt="Peri Bacaları" width="150" height="150"/>
  <figcaption>Fig.1 - Peri Bacaları / Kapadokya </figcaption>
</figure>

<figcaption> Tanımı ve Kullanımı

<figcaption> etiketi <figure> elementi için başlığı tanımlar.

<figcaption> elementi, <figure> elementinin ilk veya son çocuğu (child elementi) olarak yerleştirilebilir.

Tarayıcı Desteği

Tablodaki sayılar tarayıcının elementi tamamen desteklediği ilk versiyonunu ifade ediyor.

Element
<figcaption> 6.0 12.0 9.0 4.0 5.0 11.1

HTML 4.01 ile HTML5 arasındaki farklar

<figcaption> etiketi HTML5'te yenidir.

Standart Özellikler

<figcaption> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.

Olay Özellikleri

<figcaption> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

YouTube reklamları nasıl engellenir

Resim
YouTube Reklamlarını nasıl engellenir çok kolay Telefonunuzda ,bilgisayarınızda ,Androidte ve Iphone ceptelefonlarınızda YouTube reklamlarını kaldırmak için harika bir tarayıcı ve uygulama var . İnternet paketinizi yemez  hızlı güvenilir ve aynı zamanda kullandıkça para kazandırır. Bakalım neymiş bu Harika Youtube reklam engelleyici.Para ödemeden Youtube reklamlarını engelleyebilceğiniz için şimdiden mutlu olun harika bir tarayıcı uygulama sizi bekliyor . Reklamsız YouTube gibi şeylere gidip te  para vermeyin boş yere. Youtube reklamları nasıl engellenir ? Sordunuz hemen söyleyeyim  Ya bilgisayarınıza  reklam engelleyici tarayıcı   indireceksiniz ya da mobil telefonunuza güzel bir uygulama indireceksiniz.Benim tavsiyem ise  Chrome reklam engelleyici uzantısı kurmanızdansa  hem bilgisayarınıza hemde  Android IOS telefonunuzda YouTube reklam engelleyici harika bir uygulama tarayıcı indirmek. Acelem var  hemen indirmek istiyorum diyorsa...
Devamı Oku »

HTML nav Etiketi

<nav> Etiketi Örnek Bir kaç navigasyon linki: < nav > < a href= "/anasayfa/"> Anasayfa < /a >  | < a   href= "/bilim/"> Bilim < /a >  | < a   href= "/saglik/"> Sağlık < /a >  | < a   href= "/iletisim/"> İletişim < /a > < /nav > 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 Anasayfa | Bilim | Sağlık | İletişim HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <nav> Tanımı ve Kullanımı <nav> etiketi sayfanın navigasyon linklerini tanımlar. Bir belge içe...
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 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 »

CSS align-self Uygulama

CSS Align-self: div#mavikutu {<br>    align-self:<span id='rfrnscsscde'>auto</span>;<br>}<br> CSS Align-self değerleri align-self: auto flex-start flex-end stretch baseline center initial Sonuç Ekranı Kırmızı Mavi Yeşil Pembe Turuncu Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

Web Sitenizden Çok Para Kazanin

Resim
  Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Devamı Oku »

JavaScript CSS min-height Örnek

javascript css min-height özelliği örnek uygulama Bu kutu için bir yükseklik (height) değeri tanımlanmadı ..içerik ne kadar uzun olursa o kadar kendi boyutunu artıracaktır. Böyle olmasını istemediğimiz durumlarda min-height özelliği ile kutunun minumum yüksekliği sınırlandırılabilir . Bu örnekte kutunun yüksekliği minumum 400px olacaktır. Javascript ile min-height özelliğine "400px;" 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.minHeight = "400px"; } Çalıştır
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
Html  dersi uygulama örneğimizde  html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arası...
Devamı Oku »

CSS z-index uygulama

CSS z-index div#mavikutu {<br>    position:absolute;<br>    background-color:blue;<br>    z-index:<span id='rfrnscsscde'>auto</span>;<br>}<br> CSS z-index değerleri auto 1 2 3 4 initial Sonuç Ekranı mavikutu z-index 0 z-index 1 z-index 2 z-index 3 Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »