Add HTML Captions nan sit entènèt nan 9 etap fasil
Imaj ajoute lavi nan paj ou yo epi trase atansyon a nan telespektatè yo. Captions bay enfòmasyon anplis sou imaj entènèt ou, men yo ka difisil pou ajoute nan paj san yo pa avanse HTML ak CSS ladrès. Isit la nan yon metòd serye pou ajoute yon senp, ankò atire, caption nan yon imaj ki rete ak imaj la tout kote ou deplase li sou Paj Web la.
9 Etap ki genyen nan yon imaj Imaj HTML
Ajoute yon caption nan yon imaj ak deplase yo ansanm tout kote ou vle:
- Ajoute yon imaj nan Paj Web ou.
- Nan HTML la pou Paj Web ou a, mete yon tag div alantou imaj la:
div> - Add yon atribi style nan tag a div:
style = "" >div> - Mete lajè a nan div la menm jan ak imaj la, ak pwopriyete a style lajè :
lajè: pdf lajè imaj ">div> - Pou captions ki yon ti kras pi piti pase tèks la ki antoure, ajoute yon font-gwosè pwopriyete nan style la div:
font-size: 80%; ">div> - Captions gade pi byen si yo santre anba imaj la, se konsa ajoute yon pwopriyete tèks aliyen atribi nan style:
tèks aliman: sant; "> img src = "URL" alt = "altène tèks" lajè = "lajè" wotè = "wotè" /> div>- Finalman, ajoute yon espas ti kras siplemantè ant imaj la ak caption la, lè yo ajoute yon atribi style nan imaj la ak yon pwopriyete style padding-anba :
style =" padding-bottom: 0.5em; " /> div> - Lè sa a, ajoute caption nan tèks dirèkteman anba a imaj la:
Sa a se caption mwen div> Voye Paj Web la nan sèvè ou ak tès li nan yon navigatè.
Captioning Konsèy
- Lajè : Dimansyon CSS kapab nan anpil mezi diferan, kidonk, anjeneral ou dwe gen ladan kalite mezi a. Pou egzanp: lajè: 100 px ; Sepandan, dimansyon imaj HTML yo toujou nan piksèl, kidonk, ou kite mezi a koupe. lajè = "100"
- Si ou fè lajè a nan div la pi laj pase lajè imaj la, caption la ka parèt bò kote imaj la. Si sa a se sa ou vle, Lè sa a, ajoute yon tag
dirèkteman anvan caption la ak apre tag nan imaj.
- Add yon atribi style nan tag a div: