Pagdugang og Web Caption nga Magpabilin sa Imahe Niini

Idugang ang mga Caption sa HTML ngadto sa Web Images sa 9 sayon ​​nga mga Lakang

Ang mga hulagway nagdugang sa kinabuhi sa imong mga webpage ug pagdani sa pagtagad sa mga tumatan-aw. Ang mga kapitulo naghatag og dugang nga kasayuran mahitungod sa imong web nga mga hulagway, apan kini mahimong malisud sa pagdugang ngadto sa mga webpage nga walay abante nga mga kahanas sa HTML ug CSS. Ania ang usa ka kasaligan nga paagi sa pagdugang sa usa ka yano, apan madanihon, nga kapsyon sa usa ka larawan nga magpabilin sa imahen bisan asa nimo kini ibalhin sa webpage.

9 Mga Lakang sa usa ka Caption sa Imahen sa HTML

Pagdugang og kapsyon sa usa ka hulagway ug palihoka sila bisan asa nga gusto nimo:

1. Pagdugang og usa ka larawan sa imong webpage.
2. Sa HTML alang sa imong webpage, ibutang ang tag sa div sa palibot sa hulagway:
3. Idugang ang usa ka style attribute sa div tag:
   style = "" >
4. Ibutang ang gilapdon sa div sa samang gilapdon sama sa hulagway, nga adunay estilo sa gilapdon nga kabtangan :
   width: image width px; ">
5. Alang sa mga caption nga gamay nga gamay kay sa kasikbit nga teksto, idugang ang usa ka kabutang sa gidak-on sa font sa estilo sa div:
   font-size: 80%; ">
6. Ang mga kapsyon labing maayo nga tan-awon kon kini nasentro sa ubos sa hulagway, busa dugangi ang usa ka teksto-ibutang ang kabtangan sa estilo nga hiyas:
   text-align: center; img src = "URL" alt = "alternate text" width = "width" height = "height" />
7. Sa katapusan, idugang ang usa ka gamay nga luna tali sa hulagway ug sa kapsyon, pinaagi sa pagdugang sa usa ka estilo nga kinaiya ngadto sa hulagway nga adunay usa ka padding-bottom style property:
   style =" padding-bottom: 0.5em; " />

1. Dayon idugang ang caption nga teksto direkta sa ubos sa hulagway:
   Kini ang akong kapsyon

I-upload ang webpage sa imong server ug sulayan kini sa usa ka browser.

Mga Tip sa Pagsulat

• Mga lapad : Ang mga sukod sa CSS mahimong anaa sa daghang lain-laing mga pagsukod, mao nga kasagaran kinahanglan nga ilakip ang type nga pagsukod. Pananglitan: lapad: 100 px ; Apan, ang mga sukod sa hulagway sa HTML kanunay nga anaa sa mga pixel, mao nga gibiyaan nimo ang sukod. width = "100"
• Kon imong himoon ang gilapdon sa div nga mas lapad kay sa gilapdon sa imahe, ang kapsyon mahimong makita sa kilid sa imahe. Kung kini ang imong gusto, dayon dugangi ang usa ka
  tag sa atubangan sa caption ug tapus sa tag sa larawan.