Informatică Dezvoltare web
Exercitii HTML CSS rezolvate
Exercițiile HTML CSS rezolvate implică crearea de pagini simple și aplicarea stilurilor pentru a exersa conceptele de bază. Acestea ajută la consolidarea cunoștințelor prin practică directă. Vom rezolva un exercițiu pas cu pas.
Exercițiu: Pagină cu titlu și paragraf
- 1 Creează structura HTML Scrie în index.html: <!DOCTYPE html><html><head><title>Exercițiu</title></head><body><h1>Salutare</h1><p>Acesta este un exercițiu.</p></body></html>.
- 2 Adaugă CSS intern În head, inserează: <style>h1 { color: green; } p { font-size: 14px; }</style>.
- 3 Verifică rezultatul Deschide index.html în browser: titlul va fi verde, paragraful cu font de 14px.
Exercițiu: Stilizare avansată
- 1 Extinde HTML Adaugă în body: <div id="container"><p>Text în container.</p></div>.
- 2 Aplică CSS extern Creează style.css cu: #container { background-color: lightblue; padding: 10px; }.
- 3 Leagă și testează Adaugă <link rel="stylesheet" href="style.css"> în head; containerul va avea fundal albastru deschis și padding.
Rezolvă exerciții similare pentru a te obișnui cu combinarea HTML și CSS.