LECȚIA 02 DIN 100

Conectează un fișier CSS

Leagă documentul HTML de un stylesheet extern.

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

Cum funcționează

În HTML, elementul link cu relația stylesheet indică resursa CSS. El aparține secțiunii head și are o adresă nenulă în href.

Exemplu corect
<link rel="stylesheet" href="styles.css">

Atributul rel descrie relația, iar href indică fișierul care conține stilurile.

Greșeală frecventă
<link href="styles.css">

Fără relația stylesheet, browserul nu tratează resursa drept foaie de stil.

PASUL 2 · APLICĂ

Exercițiul tău

Completează elementul link din head pentru fișierul styles.css.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlCSS
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
  • Un link stylesheet se află în head.
  • Linkul are un href nenul.
Explică-mi logica rezolvării

Conectarea este o responsabilitate HTML: elementul link descrie resursa, iar regulile CSS rămân în fișierul separat.