LECȚIA 34 DIN 120

Repară: dimensiuni explicite pentru imagine

Declară lățimea și înălțimea intrinsecă a imaginii.

Sursă oficialăWHATWG HTML — img dimensionsRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

Declară lățimea și înălțimea intrinsecă a imaginii. Structura semantică trebuie să descrie sensul, nu aspectul vizual.

Exemplu corect
<img src="model.jpg" width="640" height="360" alt="Model de pagină pentru un serviciu local">

width și height declară dimensiunile intrinseci ale imaginii. Browserul poate rezerva spațiul corect înainte ca fișierul să termine încărcarea.

Greșeală frecventă
<img src="model.jpg" width="" height="" alt="Model de pagină">

Atributele există, dar valorile goale nu oferă dimensiuni. Ele trebuie completate cu valorile numerice ale fișierului sursă.

PASUL 2 · APLICĂ

Exercițiul tău

Corectează exemplul fără să schimbi scopul. Declară lățimea și înălțimea intrinsecă a imaginii.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlHTML
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Imaginea are width completat.
  • Imaginea are height completat.
  • Textul alternativ nu este gol.
Explică-mi logica rezolvării

Păstrează imaginea și completează width și height cu dimensiunile intrinseci; nu elimina descrierea alt.