Adaugare imagini in pagina

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;'/>

<<-Liste HTML - DL, .. -- Creare link-uri->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care tag e folosit pentru a adauga liste cu definitii in element <dl>?

<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>

Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?

display position visibility

#id {
  visibility: hidden;
}

Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.

onclick onmouseover onfocus

document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}

Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.

$_SESSION $_GET $_REQUEST

if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}

Care din urmatoarele cuvinte reprezinta un Verb?

lighting believe path

I believe in my path.
- Eu cred in calea mea.