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 meta tag se foloseste pentru scurta descriere a paginii?
<meta content="..."> <meta description="..."> <meta http-equiv="..."><meta name="description" content="70-160 caractere ce descriu continutul paginii" />
Ce proprietate CSS opreste efectul dat de "float"?
clear text-align position#some_id {
clear: both;
}Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.
getElementsByName() getElementById() getElementsByTagName()var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);Indicati functia PHP ce returneaza numarul de elemente dintr-un array.
is_[) count() strlen()$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri; // 4
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".
happly happily hapilyI live happily.
- Traiesc fericit (in mod fericit).
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".
felizamente felizmente felicesVivo felizmente.
- Traiesc fericit (cu fericire).