Peamine HTML-i tiitlipildi lisamisega seotud probleem on tagada, et pilt oleks รตigesti vormindatud ja veebi jaoks optimeeritud. See hรตlmab selle tagamist, et pilt on tihendatud ja salvestatud sobivas failivormingus (nt JPEG vรตi PNG) ning selle suurus on lehe jaoks รตige. Lisaks, kui kasutate pilti lingina, peate tagama, et sellel oleks asjakohane ALT-mรคrgend, et otsingumootorid saaksid seda รตigesti indekseerida.
<img src="image.jpg" alt="title picture" title="title picture" />
1. Seda koodirida kasutatakse pildi lisamiseks veebilehele.
2. Mรคrgendit โimgโ kasutatakse pildi sisestamise nรคitamiseks.
3. Atribuut โsrcโ mรครคrab pildifaili asukoha, milleks antud juhul on โimage.jpgโ.
4. Atribuut โaltโ pakub pildile tekstialternatiivi, milleks antud juhul on โtiitelpiltโ.
5. Atribuut โtitleโ annab pildi kohta lisateavet, mis antud juhul on ka โtitle pictureโ.
pealkirja atribuut an
silt
Pealkirja atribuut an HTML-i silt pakub pildi kohta lisateavet, nรคiteks kirjeldust vรตi pealkirja. See atribuut kuvatakse, kui kasutaja hรตljutab hiirekursorit pildi kohal. Seda saavad kasutada ka ekraanilugejad, et pakkuda nรคgemispuudega kasutajatele tรคiendavat konteksti.
Kuidas lisada HTML-is pealkirjale pilti
HTML-i pealkirjale pildi lisamiseks vรตite kasutada silt. The
silt nรตuab kahte atribuuti: src ja alt. Atribuut src mรครคrab pildifaili asukoha ja atribuut alt pakub pildile alternatiivset teksti juhuks, kui seda ei saa kuvada. Nรคiteks: