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 atribut poate fi utilizat pentru a adauga stiluri CSS direct in tag-ul HTML?

type style class

<div style="width: 80%; border: 3px solid #888888;">Continut</div>

Care din metodele proprietatii CSS transform distorsioneaza elementul HTML la un anumit unghi (inclusiv continutul lui)?

translate() scale() skew()

#un_id {
  transform: skew(20deg, 25deg);
  -ms-transform: skew(20deg, 25deg);   /* IE 9 */
  -webkit-transform: skew(20deg, 25deg);   /* Safari and Chrome */
}

Clic pe functia care poate converti un obiect Date in Sir.

indexOf() toString() getDate()

var rightnow = new Date();
alert( rightnow.toString() );

Care functie aplica o alta functie la elementele unui array?

array_merge() array_search() array_map()

$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>");
// aplica functia strip_tags() ca sa stearga tag-urile HTML din fiecare element din %arr
$arr = array_map("strip_tags", $arr);
}

Cum se spune "sambata" in limba engleza?

Sunday Saturday Monday

On Saturday I visit my grandparents.
- Sambata imi vizitez bunicii.

Cum se spune "sambata" in limba spaniola?

domingo lunes sábado

Sábado visito mis abuelos.
- Sambata imi vizitez bunicii.

Last accessed pages

Adjectivul in limba engleza - The adjective ^(25192)
Gramatica limbii engleze - Prezentare Generala ^(218324)
Animatie elemente HTML cu CSS ⁽³⁴⁰⁶⁾
Formatare text in pagina html ^(38676)
Pozitionare elemente HTML cu CSS ⁽⁵³⁵²⁾

Popular pages this month

Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽²¹⁰⁾
Gramatica limbii engleze - Prezentare Generala ⁽¹²³⁾
Coduri pt culori ⁽¹⁰⁹⁾
Gramatica limbii spaniole. Indrumator si prezentare generala ⁽⁹⁴⁾
Cursuri limba engleza gratuite si lectii online ⁽⁸⁵⁾