Alustuseks tuleb mainida, et kui lisate pilti siis on soovitav valida pildi hoidmiseks veebimajutus. Nt tinypic.
Järgmine õpetus on koostatud kasutades seda sama pildimajutust. (samas saate ka laadida pildid oma kontole "File manager") Üles laadimine:
Pildi laadimine. Üleslaadimiseks vajuta "Browse"
ja valige fail oma arvutist ja vajuta "Upload"
Kui olete pildi üles laadinud - antakse sulle 4 linki. Sa vajad neid linke, et pildid ilmuks.
Kui sa ei tea, milline viitab lehele kus on pilt otsi üles link, mis algab
"http://" ja lõpeb pildi laiendiga, tavaliselt on see ". Gif". "Jpg" või ". Png".
Üldine pildi välimus:
Kood, mida kasutatakse, et kuvada pilti ...
Code
BB kood:
[IMG]http://i35.tinypic.com/j0zj48.jpg[/IMG]
HTML kood:
<img src="http://i35.tinypic.com/j0zj48.jpg">
Link teisele lehele, kasutades pilti:
Kood, mida kasutatakse, et luua lingitav pilt ...
Code
BB kood:
[url=http://www.ucoz.com][img]http://i35.tinypic.com/j0zj48.jpg[/img][/url]
HTML kood:
<a href="http://www.ucoz.com"><img src="http://i35.tinypic.com/j0zj48.jpg"></a>
Lingitav pildi avamine uues vahekaartis / aknas:
Sa tead, kuidas luua lingitav pilt. Nüüd lehe avamiseks uuel vahelehel / aknas
on sul vaja lisada target="_blank" eelmisse koodi. (vajalik vaid HTML.i, BB kood on automaatne)
Code
HTML kood:
<a href="http://www.ucoz.com" target="_blank"><img src="http://i35.tinypic.com/j0zj48.jpg"></a>
Anna ääred(border) oma pildile:
Kui soovite lisada äärised pildile peate te lisama border="0" oma koodi.
Märkus: "0" ei anna ääri. Saate muuta ääre väärtused 1, 2, 3, 4, 5, 6 jne.
Code
HTML kood:
<img src="http://i35.tinypic.com/j0zj48.jpg" border="2">
Pildi suuruse muutmine kasutades HTML:
Saate muuta pildi kõrgust ja laiust kasutades : width = "xx" ja height = "xx". (Width=laius Height=kõrgus)
Code
HTML kood:
<img src="http://i35.tinypic.com/j0zj48.jpg" border="2" width="300px" height="400px">
Mis kasu on "alt"-il?
"Alt" kuvab teksti kui pilti ei saa kuvada.
Code
HTML kood:
<img src="http://i35.tinypic.com/j0zj48.jpg" border="2" width="300px" height="400px" alt="Näitab seda teksti">