Informatică Dezvoltare web
Cum creez o pagina web simpla cu CSS?
Pentru a crea o pagină web simplă cu CSS, începi cu un fișier HTML de bază și adaugi un fișier CSS separat pentru stilizare. CSS controlează aspectul elementelor HTML, cum ar fi culorile, fonturile și dimensiunile. Folosește un editor de text precum Notepad++ sau Visual Studio Code pentru a scrie codul.
Pasi pentru crearea paginii
- 1 Creează fișierul HTML Salvează un fișier cu extensia .html, de exemplu index.html, și adaugă structura de bază: <!DOCTYPE html><html><head><title>Titlu</title><link rel="stylesheet" href="style.css"></head><body><h1>Salut</h1><p>Acesta este un paragraf.</p></body></html>.
- 2 Creează fișierul CSS Salvează un fișier cu extensia .css, de exemplu style.css, și scrie reguli CSS, cum ar fi h1 { color: blue; } pentru a schimba culoarea titlului.
- 3 Conectează CSS la HTML Folosește tagul <link> în secțiunea <head> a HTML-ului, cu atributul href care indică către fișierul CSS, ca în exemplul de mai sus.
- 4 Stilizează elementele În fișierul CSS, adaugă reguli pentru diferite elemente, de exemplu p { font-size: 16px; margin: 10px; } pentru a ajusta paragrafele.
- 5 Verifică rezultatul Deschide fișierul HTML într-un browser pentru a vedea cum arată pagina cu stilurile CSS aplicate.
Exemplu numeric
- Cod HTML <!DOCTYPE html><html><head><title>Pagina mea</title><link rel="stylesheet" href="style.css"></head><body><h1>Bine ai venit</h1><p>Acesta este un exemplu.</p></body></html>
- Cod CSS h1 { color: red; text-align: center; } p { background-color: lightgray; padding: 5px; }
- Rezultat Titlul va fi roșu și centrat, iar paragraful va avea fundal gri deschis și spațiu intern de 5 pixeli.
Începe cu exemple simple și experimentează modificând valorile CSS pentru a înțelege cum funcționează.