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 meta tag se foloseste pentru scurta descriere a paginii?

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

I live happily.
- Traiesc fericit (in mod fericit).

Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".

felizamente felizmente felices

Vivo felizmente.
- Traiesc fericit (cu fericire).

Last accessed pages

Genul substantivelor 2 ⁽¹⁷⁰³⁾
Prezent perfect continuu - Exercitii si teste incepatori ⁽²⁹²⁶⁾
Viitor simplu si continuu - Future Tense Simple and Continuous ^(14061)
Gramatica limbii engleze - Prezentare Generala ^(72424)
Substantive - Exercitii si teste engleza incepatori ⁽⁸²⁷²⁾

Popular pages this month

Gramatica limbii engleze - Prezentare Generala ⁽²⁷⁴⁶⁾
Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽¹³⁰²⁾
Prezentul simplu si continuu - Present Tense Simple and Continuous ⁽⁸⁹⁸⁾
Gramatica limbii spaniole. Indrumator si prezentare generala ⁽⁸⁴⁶⁾
Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza ⁽⁷⁷⁴⁾