Bættu við vefmyndatöku sem stendur við myndina sína

Bættu við HTML skýringum við vefmynd í 9 einföldum skrefum

Myndir bæta lífinu við vefsíður þínar og vekja athygli áhorfenda. Skírnarfundir veita auka upplýsingar um myndirnar þínar á vefnum, en þær geta verið erfitt að bæta við vefsíðum án háþróaðra HTML og CSS færni. Hér er áreiðanlegur aðferð til að bæta við einföldum, en samt aðlaðandi yfirskrift á mynd sem er með myndinni hvar sem þú færir hana á vefsíðunni.

9 skref í HTML myndskýringu

Bættu myndsögn við mynd og færðu þau saman hvar sem þú vilt:

1. Bættu mynd við vefsíðuna þína.
2. Í HTML fyrir vefsíðuna þína skaltu setja dálkinn í kringum myndina:
3. Bæta stíll eiginleiki við div tagið:
   style = "" >
4. Settu breidd div í sömu breidd og myndina, með breiddarstíl eignarinnar :
   width: image width px; ">
5. Fyrir texta sem eru örlítið minni en nærliggjandi texti skaltu bæta við leturstærðinni við div stíl:
   leturstærð: 80%; ">
6. Skýringarnar líta best út ef þeir eru staðsettar undir myndinni, svo að bæta við textajöfnuðum eignum við stiltegundina:
   text-align: center; "> < img src = "URL" alt = "annar texti" width = "width" height = "height" />
7. Að lokum skaltu bæta við smá auka bili á milli myndarinnar og myndarinnar með því að bæta við stileiginleika við myndina með púði-botn stíl eign:
   style = "padding-bottom: 0.5em;" />

1. Bæta síðan textaforminu beint fyrir neðan myndina:
   Þetta er yfirskrift mín

Hladdu upp vefsíðunni á netþjóninn og prófaðu hana í vafra.

Skýringarmyndir

• Breiddar : CSS mál geta verið í mörgum mismunandi mælingum, þannig að þú verður yfirleitt að innihalda mælitegundina. Til dæmis: breidd: 100 px ; Hins vegar eru HTML myndarþættir alltaf á punktum, þannig að þú sleppir mælingunni. breidd = "100"
• Ef þú gerir breidd div sem er breiðari en myndbreiddin, getur myndin birtist við hliðina á myndinni. Ef þetta er það sem þú vilt, þá skaltu bæta við
  merki beint fyrir yfirskriftina og eftir myndmerkið.