HTML contine si elemente pentru adaugarea de imagini in pagina web.
Formatul imaginilor care pot fi folosite
Cele mai folosite formate pentru imaginile adaugate intr-o pagina HTML sun GIF si JPEG (JPG ; JPE), avantajul acestora este ca imaginile care au aceste extensii au o marime mica (in bytes), avand maximum 256 de culori.
Alte tipuri de formate (folosite mai rar) sunt: PNG, BMP, TIFF, PCX
Adaugarea unei imagini intr-o pagina web
Pentru a introduce o imagine intr-un format HTML se foloseşte elementul <img>
impreuna cu urmatoarele atribute:
- src - Contine locatia /adresa fisierului cu imaginea.
- alt - La acest atribut se scrie textul care va aparea daca imaginea nu poate fi afisata.
- width - Valoarea acestui atribut reprezinta lungimea imaginii, in pixeli. Daca nu este scris imaginea va fi prezentata cu lungimea originala.
- height - Valoarea acestui atribut reprezinta inaltimea (latimea) imaginii, in pixeli. Daca nu este scris imaginea va fi prezentata cu inaltimea originala.
In exemplu de mai jos puteti vedea modul de introducere a unei imagini pe o pagina web si cum pot fi folosite atributele:
<h4>Exemplu adaugare imagine</h4>
<img src='../imgs/smile_gift.png' alt='Zambeste' width='150' height='132'/>
- In tagul
<img>
se poate adauga atributul
style cu proprietati CSS pentru setare pozitiei imaginii, bordura, margine exterioara.
Exemplu:
<h4>Exemplu magine cu style</h4>
<img src='../imgs/smile_gift.png' alt='Zambeste' width='150' height='132' style='border:2px solid #0000ee; margin:5px 25px;'/>
Un Test simplu in fiecare zi
HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag este element de tip bloc?
<div> <img> <span><div>Web Programming and Development</div>
Care cod CSS afiseaza textul subliniat?
font-style: italic; text-decoration: underline; font-weight: 500;h2 {
text-decoration: underline;
}
Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.
insertBefore() setTimeout() querySelector()function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.
count($array) count($array, 1) strlen()$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food; // 6
Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".
has't played haven't been playing will haven't playedThe child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.
Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".
habrá contado va a contar contabaÉl no habrá contado el cuento.
- El nu ar fi spus povestea.