Sisu

• Astuda
• 1. meetod 1-st: piltide sisestamine HTML-iga
• Näpunäited
• Hoiatused

Piltide lisamine oma veebisaidile või suhtlusvõrgustiku profiilile on suurepärane viis oma veebilehte kaunistada. HTML-il (HyperText Markup Language) on veebilehtede loomiseks palju funktsioone, kuid piltide lisamiseks vajalik kood pole õnneks liiga keeruline.

Astuda

1. meetod 1-st: piltide sisestamine HTML-iga

1. Laadige oma pilt üles tasuta hostimise veebisaidile, nagu Photobucket või TinyPic, mis võimaldab kiiret linkimist. Kiirlinkimine võimaldab pildi otselinki veebisaidi serveriga; mõned pakkujad on selle keelanud, kuna kiirlinkimine kasutab nende ribalaiust ja võtab nende serverites ruumi.
   • Kui teil on tasuline hostikonto, laadige pildid üles otse serverisse, kus teie veebisait asub. See on alati usaldusväärsem kui tasuta sait ja ei pea sugugi kallis olema.
2. Avage tekstiredaktoris uus dokument (nt, Notepad / Notepad) või avage oma veebisaidil / profiilis leht, kus saate HTML-koodi otse muuta.
3. Alustage img silt. The img silt on tühi, see tähendab, et sulgemismärgendit pole vaja. XHTML-valideerimiseks võite siiski selle ette asetada tühiku ja kaldkriipsu suurem kui märk.
   • img />
4. Saadaval on palju atribuute, kuid vajalik on ainult üks:src. See on teie pildi asukoht / aadress või ka URL.
   • img src = "Pildi URL" />
5. Järgmisena peate alt lisada atribuut. See näitab alternatiivset teksti juhuks, kui pilti ei õnnestu laadida. See on ka vaegnägijatele mõeldud teenus, mis kasutab ekraanilugejaid.
   • Kui hõljutate kursorit pildi kohal, kuvatakse see tekst ka tööriistavihjena, kuid see kehtib ainult Internet Exploreris. Lahendus, mis töötab kõigi brauseritega (Firefox jt.) on sellele pealkiri atribuut, mida lisaks kasutada alt. (Viimase võite ära jätta, kui te ei soovi, et pildil oleks tööriistavihje.)

Näitena:img src = "Pildi URL" alt = "Igaks juhuks" title = "Tööriistavihje" />

1. Nüüd saate pildi suuruse märkida nupuga kõrgus ja laius atribuut ja pikslite või protsendi määramine. Pange tähele, et sellisel viisil suuruse muutmine muudab ainult vaate suurust, mitte pildi enda suurust. Kujutise laadimisaja lühendamiseks on parem, eriti suurte piltide korral, nende suurust eelnevalt muuta fototöötlustarkvara või veebiteenuse, näiteks PicResize.com abil.
   • img src = "Pildi URL" alt = "Igaks juhuks" title = "Tööriistavihje" height = "50%" width = "50%" />
   • img src = "Pildi URL" alt = "Igaks juhuks" title = "Tööriistavihje" height = "25px" width = "50px" />

Näpunäited

• Nende atribuutide väärtus on kas pikslites või protsentides vahemikus 1–100%.
• Kujutise saab paigutada veebilehele ükskõik kuhu, kasutades erinevaid vormindamise atribuute, nagu ülemine, alumine, keskmine, parem, vasak jne.
• Atribuuti hspace kasutatakse horisontaalse ruumi lisamiseks pildist vasakule ja paremale, samas kui atribuuti vspace kasutatakse ruumi piltide ja muude objektide üla- ja alaosas.
• Ärge andke endale liiga palju pilte. See tundub räpane ja ebaprofessionaalne.
• GIF-pildid sobivad logode või koomiksite jaoks, kuid see failitüüp ei sobi vähem paljude värvidega fotode ja muude piltide jaoks.
  • GIF-pildid toetavad pildi jaoks ainult 8-bitiseid värve, maksimaalselt 256 värvi. Seetõttu on oodata, et 16- või 24-bitise värvilise illustratsiooni või foto reprodutseerimine ei oleks nii hea.
  • GIF-pildid toetavad ka läbipaistvust. Võimalik on üks natuke läbipaistvust, mis tähendab, et ühe värvi saab muuta läbipaistvaks.
  • Põimimist toetavad ka GIF-pildid, mis tähendab, et saidi külastaja saab enne pildi täielikku laadimist aimu, milline pilt välja näeb.
  • GIF-vorming toetab ka animatsiooni.
• Veenduge, et URL-is oleks märgitud pildi failivorming (.webp .gif jne).

Hoiatused

• Ärge linkige!