Supažindiname su paveikslėlių elementu HTML.

Paveikslėliai HTML

Paveiksėliams HTML atvaizduoti naudojamas <img> elementas. Šis elementas neturi galinės žymos ir susideda tik iš atributų. Nuoroda į paveikslėlį pateikiama src (angl. source - šaltinis) atributo pavidalu:

<img src="/paveikslėlis.jpg" /> 

Šiuo atveju paveikslėlis egzistuoja tame pačiame kataloge, kaip ir puslapis. Jei norime paimti paveikslėlį iš "www.pavyzdys.lt" katalogo "pavyzdys", sintaksė tokia:

<img src="http://www.pavyzdys.lt/pavyzdys/paveikslelis.jpg" />

Paveikslėlis dokumente rodomas ten, kur jį patalpinsite. Pavyzdžiui, jei paveikslėlio elementą įdėsite tarp dviejų paragrafų, naršyklė rodys pirmą paragrafą, tada paveikslėlį ir antrą paragrafą.

"Alt" atributas 

Šis atributas naudojamas nurodyti alternatyvųjį tekstą paveikslėliui. Jis rašomas taip:

<img src="/paveikslelis.jpg" alt="Alternatyvusis tekstas" /> 

Alternatyvusis tekstas puslapyje rodomas, kai nepavyksta užkrauti paveikslėlio arba naršyklė jų nerodo. Todėl tai gera priemonė siekiant padaryti puslapį informatyvesnį.

Patarimas. Jei dokumente bus 10 paveikslėlių, iš viso reiks užkrauti 11 failų, norint peržiūrėti puslapį, taip? Todėl paveikslėlius naudokite tik tada, kai to reikia.

Paveikslėlių žymos