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

Ce tip de <input> creaza o paleta de culori pentru selectare culoare?

type="text" type="color" type="date"

<input type="color" name="get_color" />

Care metoda CSS roteste elementul HTML la un anumit numar de grade?

scale() translate() rotate()

#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}

Click pe functia care returneaza numarul cel mai mare.

pow() min() max()

var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88

Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?

include() include_once() require()

include_once("un_fisier.php");

Care este traducerea corecta pentru: "Ahead of time"?

Peste timp La timp Inainte de vreme

Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).

Indicati traducerea corecta a cuvantului "buenísimo"

mai bun mai putin bun extrem de bun

Este fruto es buenísimo.
- Acest fruct este extrem /nemaipomenit de bun.

Last accessed pages

Curs PHP MySQL, Tutoriale si Scripturi PHP ^(125435)
Creare imagini cu PHP ⁽⁹¹⁰⁾
Coduri pt culori ^(53633)
Zilele saptamanii - Lunile anului - Anotimpurile - Engleza ^(24343)
Curs HTML gratuit Tutoriale HTML5 ^(176464)

Popular pages this month

Conditional IF in Limba Engleza - Fraze Conditionale ⁽⁴⁹²⁾
Exercitii engleza - English Tests and exercises - Grammar ⁽⁴⁵⁵⁾
Prezentul simplu si continuu - Present Tense Simple and Continuous ⁽⁴⁴⁶⁾
Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽⁴²³⁾
Gramatica limbii engleze - Prezentare Generala ⁽³²²⁾