Nambahake Caption HTML menyang Gambar Web ing 9 Langkah-langkah Gampang
Gambar nambah urip menyang kaca web lan narik kawigaten para pamireng. Caption nyedhiyakake informasi tambahan babagan gambar web, nanging bisa dadi angel kanggo ditambahake menyang kaca web tanpa kemampuan HTML lan CSS luwih canggih. Punika cara sing dipercaya kanggo nambah caption sing prasaja nanging atraktif menyang gambar sing tetep nganggo gambar ing ngendi wae sampeyan pindhah ing kaca web.
9 Langkah menyang Gambar Caption HTML
Nambahake kapsintingan menyang gambar lan mindhah bebarengan ing ngendi wae:
- Nambah gambar menyang kaca web.
- Ing HTML kanggo kaca web sampeyan, nyelehake tag div ing gambar:
- Nambah atribut gaya menyang tag div:
style = "" >- Nyetel dhierah div menyang jembaré sing padha karo gambar, kanthi jembar gaya properti :
width: image width px; ">- Kanggo tulisan sing rada luwih cilik tinimbang teks sing ana ing sekitar, tambah property font-size ing gaya div:
font-size: 80%; ">- Katrangan katon paling apik yen padha fokus ing ngisor gambar kasebut, supaya nambahake properti teks-align karo gaya atribut:
text-align: center; "> < img src = "URL" alt = "alternatif teks" width = "width" height = "height" />- Pungkasan, nambah spasi ekstra antarane gambar lan caption, kanthi nambahake atribut gaya menyang gambar kanthi properti gaya padding :
style =" padding-bottom: 0.5em; " /> - Banjur tambahkan keterangan teks langsung ing ngisor gambar:
Iki minangka captionku Ngunggah kaca web menyang server lan nyoba ing browser.
Tips Katrangan
- Jembar : Ukuran CSS bisa dumadi ing akeh pangukuran, supaya sampeyan biasane kudu kalebu jinis ukuran. Contone: jembar: 100 px ; Nanging, dimensi gambar HTML tansah ana ing piksel, supaya sampeyan ninggalake pangukuran. width = "100"
- Yen sampeyan nggawe jembaré div sing luwih jembar tinimbang jembar gambar, caption bisa katon ing sisih gambar. Yen iki sampeyan pengin, banjur tambahake tag tegese sadurunge caption lan sawise tag gambar.
- Nambah atribut gaya menyang tag div: