Add Web Caption dat mei syn ôfbylding bewarret

Add HTML skriuwers nei websides yn 9 Easy Steps

Ofbyldings meitsje it libben oan jo webpages en lûke de oandacht fan 'e besiker. Underwerpen jouwe ekstra ynformaasje oer jo webôfbyldings, mar se kinne dreech wêze om te websjenjen sûnder foarútstelde HTML- en CSSfeardigens. Hjir is in betroubere metoade foar it ynstellen fan in ienfâldige, yet oantreklike, caption nei in ôfbylding dy't bliuwt mei it byld wêr't jo it bewegen op 'e webside.

9 Steps nei in HTMLôfbyldingskrift

Foegje in caption ta in ôfbylding en ferpleatse se samar wêr't jo wolle:

  1. Foegje in ôfbylding oan jo webside.
  2. Yn it HTML foar jo webside, set in divertier om it byld: < img src = "URL" alt = "alternate text" width = "width" height = "height" />
  3. Add style style to the div tag:
    style = "" >
  4. Set de breedte fan de div nei deselde breed as it byld, mei it breedstyle eigendom :
    width: image width px; ">
  5. Foar tafoegings dy't wat lytser binne as de omliedende tekst, kinne jo in lettertype-eigenskippen taheakje oan it div style:
    font-size: 80%; ">
  6. Underwerpen sjogge it bêste as se ûnder it ôfbylding sintraal stean, dus in tekst opnij tafoegje oan it stylattribut:
    text-align: center; "> img src = "URL" alt = "alternatyf tekst" width = "width" height = "height" />
  7. Oan 'e ein sette in bytsje ekstra romte ta tusken it byld en de titel, troch it oanpasse fan in stylattribut te oan it byld mei in ûnderdiel fan styl : align: center; "> style =" padding-bottom: 0.5em; " />
  1. Dêrnei add de teksttitel direkt ûnder it byld:
    Dit is myn titel

Stjoer de webside nei jo tsjinner en teste it yn in blêder.

Undertekenjen tips