HTML kalboje paveikslėliai yra įterpiami per žymę <img>. <img> žymė yra viena iš tų, kurių nereikia uždarinėti su atskira žyme, ji uždaro pati save.
1 |
<img src="kelias_iki_paveikslėlio" alt="alternatyvus_tekstas" />
|
Vietoje uždarymo žymės </img> užbaigiame pačią <img> žymę su pasvirusiu brūkšneliu ir įprastu daugiau ženklu />
src atributas <img> žymoje nurodo kelią iki paveikslėlio. Jei esame puslapyje manualai.lt ir į šiuo adresu esantį failą įterpsime paveikslėlį su <img> žyme ir atributo src reikšmė bus img/logo.png, tada naršyklė kraunant puslapį ieškos paveikslėlio adresu http://www.manualai.lt/img/logo.png
alt atributas <img> žymoje nurodo alternatyvų paveikslėlio tekstą. Paieškų sistemų robotai nemato paveikslėlio turinio, todėl jie skaito alt atributo reikšmę, jei pas jus daugelis lankytojų ateina iš paieškos sistemų, tokių kaip Google, turėtumėte nepamiršti surašyti alternatyvaus teksto tam, kad pasiektumėte geresnių reitingų tarp paieškos rezultatų. Jei src atribute nurodysite kelią iki paveikslėlio, o naršyklė paveikslėlio ten neras, vietoje jo vartotojas matys alternatyvų tekstą. Taip pat alternatyvusis tekstas bus rodomas užėjus su pele ant paveikslėlio.
Pastaba: alternatyvaus teksto rodymas, kai būna nurodytas blogas kelias iki paveikslėlio, ar užėjus ant paveikslėlio su pele priklauso nuo naudojamos naršyklės, kai kuriose gali ir neveikti šios funkcijos.
1 21 22 23 24 |
<h1>Paragrafas su paveikslėliu fone</h1> color:#6558E5;">Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas
Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas
Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas Mėlynas tekstas
Mėlynas tekstas Mėlynas tekstas</p>
|