Nambahkeun hiji caption Web Éta tetep Jeung Gambar Anak

Tambahkeun HTML Captions ka Gambar Web dina 9 Hambalan Mudah

Gambar nambahkeun hirup mun webpages anjeun sarta narik perhatian pemirsa. Captions nyadiakeun émbaran tambahan ngeunaan gambar web anjeun, tapi maranéhna bisa hésé pikeun nambahkeun mun webpages tanpa canggih HTML jeung CSS kaahlian. Di dieu hiji metoda dipercaya pikeun nambahkeun hiji basajan, acan pikaresepeun, caption ka gambar yen tetep mibanda gambar mana bae mun dipindahkeun kana Kalurahan nu.

9 Hambalan ka HTML Gambar caption

Tambahkeun caption ka hiji gambar na mindahkeun éta babarengan dimana wae rék:

1. Nambahkeun hiji gambar mun Kalurahan Anjeun.
2. Dina HTML keur Kalurahan anjeun, nempatkeun tag div sabudeureun gambar:
3. Nambahkeun hiji atribut gaya ka tag div:
   gaya = "">
4. Nyetél rubak div ka lebar sarua salaku gambar, jeung harta gaya lebar :
   "lebar: gambar lebar px;">
5. Pikeun captions anu rada leutik ti téks sakurilingna, tambahkeun hiji sipat font-ukuran jeung gaya div:
   font-ukuran: 80%;">
6. Captions kasampak pangalusna lamun aya dipuseurkeun handap gambar, jadi nambahan hiji sipat téks-align kana atribut gaya:
   téks-align: puseur;"> < IMG src = "URL" alt = "alternatif téks" lebar = "width" jangkungna = "jangkungna" />
7. Tungtungna, nambah spasi tambahan saeutik antara gambar jeung caption, ku nambahkeun hiji atribut gaya mun gambar sareng gaya padding-handap sipat:
   "gaya =" padding-handap: 0.5em; " />

1. Lajeng nambahkeun caption téks langsung handap gambar:
   Ieu caption abdi

Unggah Kalurahan ka server anjeun sarta nguji deui dina browser anu.

Captioning Tips

• Lebaran: dimensi CSS tiasa di loba ukuran béda, jadi Anjeun biasana kudu kaasup tipe pangukuran. Contona: lebar: 100 px; Sanajan kitu, dimensi gambar HTML sok di piksel, jadi Anjeun ninggalkeun ngukurna pareum. lebar = "100"
• Lamun nyieun lebar tina div lega ti lebar gambar, caption nu bisa muncul gigireun gambar. Lamun ieu téh naon rék, teras nambah> tag