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 afiseaza textul oblic?
<strong> <pre> <em><p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding positionh3 {
padding: 2px 0.2em;
}Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POSTif(isset($_POST["field"])) {
echo $_POST["field"];
}Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They WeWe speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros NosotrosNosotros hablamos español.
- Noi vorbim spaniola.