Żid Laqgħa fuq l-Internet li tibqa 'bl-immaġni tagħha

Żid HTML Captions għal Web Images fi 9 Passi Faċli

Stampi jżidu l-ħajja mal-paġni web tiegħek u jiġbdu l-attenzjoni tat-telespettaturi. L-għotjiet jipprovdu informazzjoni żejda dwar l-immaġni tal-web tiegħek, iżda jistgħu jkunu diffiċli biex jiżdiedu mal-paġni web mingħajr ħiliet avvanzati ta 'HTML u CSS. Hawnhekk hawn metodu affidabbli biex żżid caption sempliċi, iżda attraenti ma 'immaġini li tibqa' mal-immaġni kull fejn timxi fuq il-paġna web.

9 Passi għal Lott ta 'Image HTML

Żid caption fuq immaġni u ġġedhom flimkien fejn trid:

1. Żid stampa fil-paġna web tiegħek.
2. Fl-HTML għall-paġna web tiegħek, poġġi tikketta div madwar id-dehra:
3. Żid attribut ta 'stil fuq id-div tag:
   style = "" >
4. Issettja l-wisa 'tad-div fl-istess wisa' bħall-immaġini, bil- wisa 'stil proprjetà :
   wisa': immaġni wisa px; ">
5. Għal captions li huma ftit iżgħar mit-test tal-madwar, żid proprjetà ta 'daqs ta ' font għall-istil div:
   font-size: 80%; ">
6. L-għotjiet jaraw l-aħjar jekk huma ċċentrati taħt l-immaġni, għalhekk żid proprjetà ta 'allinjament tat-test mal-attribut tal-istil:
   text align: center; "> < img src = "URL" alt = "test supplenti" wisa '= "għoli" għoli = "għoli" />
7. Fl-aħħarnett, żid ftit spazju żejjed bejn l-immaġni u l-caption, billi żżid attribut ta 'stil ma' l-immaġni bi proprjetà ta ' stil tal-qiegħ tal-ikkuttunar :
   stil =" fond ta 'lqugħ: 0.5em; " />

1. Imbagħad żid it-test imqiegħed direttament taħt l-immaġni:
   Dan huwa l-caption tiegħi

Itellgħu l-paġna tal-web lis-server tiegħek u ttestjaha f'brawżer.

Għajnuniet għall-Ġbid tal-Qiegħ

• Wisa ' : id- dimensjonijiet tas-CSS jistgħu jkunu f'ħafna kejl differenti, għalhekk normalment għandek tinkludi t-tip ta' kejl. Per eżempju: wisa ': 100 px ; Madankollu, il-qisien tal-immaġni HTML dejjem huma f'pilloli, sabiex tħalli l-kejl barra. wisa '= "100"
• Jekk tagħmel il-wisa 'tad-div usa' mill-wisa 'tal-immaġni, il-caption jista' jidher ħdejn l-immaġni. Jekk dan huwa dak li trid, imbagħad żid
  tikketta direttament qabel il-caption u wara t-tikketta tal-immaġini.