Kullanıcı İşlemlerini Aç/Kapat

Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
HTML'de Figür Özelliği
*
Kodlama E. 1. Seviye
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 634
Konu Sayısı: 122
Üyelik Tarihi: Aug 2017
Rep Puanı: 34
Teşekkürler: 433
260 Mesajına 410 Teşekkür Edildi.

SanalPara (SP): 801.58₺
Eşya: (Tüm Eşyaları Göster)
#1
HTML'de, figür (<figure>) komutunu; resimlerin yazılardan ayrışması için kullanabiliriz. Mesela bir makale yazdık ve ortasına bir resim ekledik. Figür özelliğini kullanmadık. Bunun sonucunda benzer bir görüntü elde ederiz:
GyByq3.png
Şimdi, fark ettiyseniz; resimle yazılar birleşik. Hatta 'Yinelenen bir sayfa...' paragrafı, resmin hemen yanında başlamış. Bu aslında bir bozulmadır. Figür özelliği sayesinde, resmi paragraftan ayırabiliriz. Ki, bazı bloglar bu özelliği kullanıyor.
Kod:
<figure>
<img src="resim.png">
</figure>

Resim tagini, figure özelliğinin içerisine alırsak; elde edecğimiz görüntü şöyle olacaktır:
JOaQLW.png
Gördüğünüz gibi, resmimiz gayet düzgün şekilde paragraflardan ayrıldı. Ve gayet güzel bir görünüm elde ettik.
<figcaption> Özelliği
figcaption özelliği ile de, resme başlık verebiliriz. Belki görmüşsünüzdür, bazı bloglardaki yazılarda bulunan resimlerin hemen altında küçük bir metin var. İşte bunu figcaption ile yaparız.
Kod:
<figure>
<img src="resim.png">
<figcaption>Renkli kuru boya kalemleri</figcaption>
</figure>

Görsel:
pG06jq.png
Ücretli
Web Site Tasarım | Script/Sistem Kodlama | Tema & (MyBB) Plugin Kodlama

İletişim Kanalları:
Ö.M. - E-Posta
Cevapla
Teşekkür Edenler: Pormis


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi
Tema yapımcısı: Metehan Durmuş
Tüm hakları saklıdır. 10TL.Net sistemi için yazılmıştır.


***