Aldonu HTML-titolojn al TTT-bildoj en 9 Facilaj Paŝoj
Bildoj aldonas vivon al viaj retpaĝoj kaj altiras la atenton de spektantoj. Kapitoloj provizas kromajn informojn pri viaj retpaĝoj, sed ili povas esti malfacile aldoni retpaĝojn sen antaŭitaj HTML-CSS kaj kapabloj. Jen fidinda metodo por aldoni simplan, sed alloga, subskribo al bildo, kiu restas kun la bildo, kien ajn vi movos ĝin en la retpaĝo.
9 Paŝoj al HTML Bildo-Titolo
Aldonu titolon al bildo kaj movu ilin kune kien ajn vi volas:
- Aldonu bildon al via retpaĝo.
- En la HTML por via retpaĝo, metu div-etikedon ĉirkaŭ la bildo:
- Aldonu stilon al la div-etikedo:
style = "" >- Ŝanĝu la larĝecon de la div al la sama larĝo kiel la bildo, kun la larĝa stilo propraĵo :
width: image width px; ">- Por subskriboj, kiuj estas iomete pli malgrandaj ol la ĉirkaŭa teksto, aldonu font-grandecon al la div stilo:
font-size: 80%; ">- Kapitoloj aspektas pli bone se ili estas centritaj sub la bildo, do aldonu tekst-alignaĵon al la stilo atributo:
text-align: center; "> < img src = "URL" alt = "alterna teksto" width = "width" height = "height" />- Laste aldonu iom ekstra spaco inter la bildo kaj la subskribo, aldonante stilon de atributo al la bildo kun posedaĵo de malplenigo de fundo :
style =" padding-bottom: 0.5em; " /> - Poste aldonu la tekston-titolon rekte sub la bildo:
Ĉi tiu estas mia subskribo Alŝutu la retpaĝon al via servilo kaj provu ĝin en retumilo.
Lecionaj Konsiletoj
- Larĝecoj : CSS-dimensioj povas esti en multaj malsamaj mezuroj, do vi kutime devas inkluzivi la mezuran tipon. Ekzemple: larĝa: 100 px ; Tamen, HTML-bildaj dimensioj ĉiam estas en pikseloj, do vi forlasas la mezuradon. larĝa = "100"
- Se vi faras la larĝecon de la div pli larĝe ol la bildo larĝa, la subskribo povas aperi apud la bildo. Se tio estas kion vi volas, aldonu
etiketon rekte antaŭ la subskribo kaj post la etikedo de bildoj.
- Aldonu stilon al la div-etikedo: