Voeg 'n webopname by wat met sy prentjie bly

Voeg HTML-onderskrifte by Web prente in 9 maklike stappe

Beelde voeg lewe by jou webbladsye en teken die aandag van kykers. Opskrifte verskaf ekstra inligting oor jou webbeelde, maar dit kan moeilik wees om by webblaaie te voeg sonder gevorderde HTML- en CSS-vaardighede. Hier is 'n betroubare metode vir die byvoeging van 'n eenvoudige, maar aantreklike onderskrif na 'n prent wat bly by die beeld waar jy dit op die webblad beweeg.

9 stappe na 'n HTML-beeldopname

Voeg 'n onderskrif by 'n prent en beweeg dit saam waar jy wil:

1. Voeg 'n prent by jou webblad.
2. In die HTML vir jou webblad, plaas 'n div tag rondom die prent:
3. Voeg 'n style kenmerk by die div label:
   style = "" >
4. Stel die breedte van die div op dieselfde breedte as die prent, met die breedte-styl eienskap :
   width: image width px; ">
5. Vir onderskrifte wat effens kleiner is as die omliggende teks, voeg 'n lettergrootte-eiendom by die div style toe:
   font size: 80%; ">
6. Onderskrifte lyk die beste as hulle onder die prentjie gesentreer is, so voeg 'n teksbelyningseiendom by die style-eienskap:
   text align = center; "> < img src = "URL" alt = "alternatiewe teks" width = "width" height = "height" />
7. Laastens, voeg 'n bietjie ekstra spasie tussen die prent en die onderskrif by, deur 'n style-kenmerk by die beeld te voeg met 'n onderstebo-styl- eienskap:
   style =" padding-bottom: 0.5em; " />

1. Voeg dan die teks byskrif direk onder die prentjie by:
   Dit is my onderskrif

Laai die webblad op na jou bediener en toets dit in 'n blaaier.

Opskrifte

• Breedtes : CSS dimensies kan in baie verskillende metings wees, dus moet jy gewoonlik die metingstipe insluit. Byvoorbeeld: breedte: 100 px ; HTML-afmetings is egter altyd in pixels, sodat jy die meting verlaat. width = "100"
• As jy die breedte van die div wyer as die beeldwydte maak, kan die onderskrif langs die prentjie verskyn. As dit is wat jy wil, voeg dan direk 'n
  -tag by die onderskrif en na die prentetiket.