Informatică Programare
Cum leg un fisier CSS de un HTML?
Legarea unui fișier CSS la un document HTML se face prin adăugarea unui element <link> în secțiunea <head> a HTML-ului. Acest element specifică locația fișierului CSS, permițând stilurile să fie aplicate elementelor HTML. Metoda separă conținutul (HTML) de prezentare (CSS), făcând site-urile mai ușor de întreținut.
Pași pentru legare
- 1 Creează fișierul CSS Salvează un fișier cu extensia .css, de exemplu stil.css, și adaugă reguli CSS în el. Exemplu: p { color: blue; }
- 2 Deschide fișierul HTML În fișierul .html, asigură-te că ai o structură de bază cu tagurile <html>, <head> și <body>.
- 3 Adaugă elementul <link> în <head> În secțiunea <head>, scrie: <link rel="stylesheet" type="text/css" href="stil.css">. Atributul href indică calea către fișierul CSS.
- 4 Verifică legătura Deschide fișierul HTML într-un browser; dacă stilurile din CSS se aplică (de exemplu, textul din <p> devine albastru), legătura funcționează.
Exemplu practic
- Conținutul lui stil.css body { background-color: lightgray; } h1 { font-size: 24px; color: red; }
- Cod HTML cu legătura <!DOCTYPE html> <html> <head> <title>Exemplu</title> <link rel="stylesheet" type="text/css" href="stil.css"> </head> <body> <h1>Salut</h1> <p>Acesta este un paragraf.</p> </body> </html>
- Rezultat în browser Fundalul paginii este gri deschis, titlul "Salut" are culoarea roșie și dimensiunea de 24px.
Asigură-te că fișierul CSS este în același folder cu HTML sau ajustează calea în href dacă e într-un subdirector.