Web Sayfasında Resimlere Etiket Koymak
Giriş
Kitaplarda veya dergilerde resimlerin altına veya üstüne "şekil 1.1" veya "tablo1.1 xxx tablosu" şeklinde açıklamalar eklenir. Bu açıklamalar resmin bir parçasıdır. Html ile bunun nasıl yapabiliriz. Bu örnekte resimlere etiket eklenmektedir.
<table>
<caption align="bottom" style="caption-side:bottom;">Şekil 1.1</caption>
<tr><td><img src="test.gif"></img></td></tr>
</table>
Etiketli Resim
 |
Bu örnekte bir tablo yaratıyoruz. Bu tablonun bir başlığı (caption) ve bir satırı var. caption etiketi tablolara başlık eklemek için kullanılır.Tabloya bir satır ekleyip o satıra resmi koyuyoruz. Böylece etiketi olan bir resim elde etmiş olduk.
caption için hem aling özelliği ile hem de caption-side style'ı ile bottom değerini verdik. align özelliği geriye uyumluluk sağlaması içindir. Artık onun yerine caption-side style'ı kullanılmaktadır. Biz bu örnekte ikisi de kullandık. Bu şekilde işi garantiye aldık.
Başlık yukarıya ve sola veya sağa koyulabilir. Aşağıdaki örnekte sola koyuyoruz.
<table>
<caption align="left" style="caption-side:left;">Şekil 1.1</caption>
<tr><td><img src="test.gif"></img></td></tr>
</table>
