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 este element de tip bloc?

<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 played

The 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.

Last accessed pages

Mini vocabular Englez-Roman ⁽²⁶³²⁾
Exemple de conversatii in limba engleza - 2 ⁽¹⁵⁴⁹⁾
Download carti electronice si programe pentru Limba Engleza ^(14820)
Curs HTML gratuit Tutoriale HTML5 ^(28601)
Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ^(45823)

Popular pages this month

Gramatica limbii engleze - Prezentare Generala ⁽³⁴⁴⁸⁾
Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽¹⁵⁸⁶⁾
Creare si editare pagini HTML ⁽¹²⁹²⁾
Curs HTML gratuit Tutoriale HTML5 ⁽¹¹¹⁸⁾
Prezentul simplu si continuu - Present Tense Simple and Continuous ⁽¹⁰⁰⁷⁾