Lisage veebi märksõna, mis jääb pildi juurde

Lisage veebipildile HTML pealkirjad 9 lihtsat sammu

Pildid lisavad teie veebisaitidele elu ja meelitavad vaatajaid. Tiitrid pakuvad lisateavet teie veebi piltide kohta, kuid veebilehti võib neid keeruline lisada ilma arenenud HTML-i ja CSS-oskustega. Siin on usaldusväärne meetod lihtsa, kuid atraktiivse pildi pealkirja lisamiseks pildile, mis jääb pildi juurde, kuhu iganes see veebisaidile teisaldate.

9 sammu HTML-vormingu pealdiseks

Lisage pildile pealdis ja liigutage need kokku, kui soovite:

1. Lisage pilt oma veebilehele.
2. Teie veebisaidi HTML-is asetage pilt ümber kaadri kohta tagantjärele:
3. Lisage divi tagamiseks stiili atribuut:
   style = "" >
4. Seadistage divi laius pildi sama laiusega koos laiuse stiili omadustega :
   width: image width px; ">
5. Tiitrite jaoks, mis on ümbritsevast tekstist veidi väiksemad, lisage divi stiili font-size property :
   font-size: 80%; ">
6. Tiitrid on kõige paremad, kui need on kujutise all keskel, seega lisage stiili atribuudile teksti-joondusvara :
   text-align: center; "> < img src = "URL" alt = "alternatiivne tekst" width = "width" height = "height" />
7. Lõpuks lisage pilt ja pealkirja vahel väike lisaruutu, lisades pildi stiili atribuudi täidis-põhi stiili omadustega:
   style =" padding-bottom: 0.5em; " />

1. Seejärel lisage tekst allpool pilti:
   See on minu pealkiri

Laadige veebileht üles oma serverisse ja proovige brauseris.

Pealkirjapaneku näpunäited

• Laiused : CSS-i mõõtmed võivad olla mitmesugustes mõõtmetes, seega peate tavaliselt sisaldama mõõtmise tüüpi. Näiteks: laius: 100 px ; Kuid HTML-pildi mõõtmed on alati pikslites, nii et jätate mõõtmise välja. width = "100"
• Kui teete plaadi laiuse laiemaks kui pildi laius, võib pealdis olla pildi kõrval. Kui see on see, mida soovite, siis lisage
  tag enne pealkirja ja pärast pildi sildi otse.