Informatică Dezvoltare web
Cum fac o pagina web simpla HTML CSS?
O pagină web simplă HTML CSS se creează prin două fișiere: unul .html pentru structură și unul .css pentru stil. Începe cu un editor de text precum Notepad++ sau Visual Studio Code. Salvează fișierele cu extensiile corecte și deschide fișierul HTML într-un browser pentru vizualizare.
Pași de creare
- 1 Creează fișierul HTML Deschide un editor de text și scrie codul de bază: <!DOCTYPE html><html><head><title>Titlu</title><link rel="stylesheet" href="style.css"></head><body><h1>Salut</h1><p>Text.</p></body></html>. Salvează ca index.html.
- 2 Creează fișierul CSS În același folder, creează un fișier nou numit style.css. Adaugă reguli CSS, de exemplu: h1 { color: blue; } p { font-size: 16px; }.
- 3 Verifică în browser Dublu-clic pe index.html pentru a-l deschide într-un browser. Modifică codul și reîncarcă pagina pentru a vedea schimbările.
Exemplu numeric
- HTML: index.html <!DOCTYPE html><html><head><title>Prima mea pagină</title><link rel="stylesheet" href="style.css"></head><body><h1>Bun venit</h1><p>Aceasta este o pagină simplă.</p></body></html>
- CSS: style.css body { background-color: lightgray; } h1 { color: darkred; text-align: center; } p { font-family: Arial; margin: 20px; }
- Rezultat Pagina va afișa un titlu roșu centrat pe un fundal gri deschis, cu text în Arial și margini.
Exersează modificând culorile și dimensiunile în CSS pentru a înțelege rapid efectele.