Simple starter website for learning HTML, CSS, and JavaScript.
- Single-page structure (index.html)
- Basic styling (styles.css)
- Simple interactivity (main.js)
- Mobile-friendly layout
- Web browser (Chrome, Firefox, Edge, etc.)
- Text editor (VS Code, Sublime, Notepad++, ...)
- Create project folder and files:
- index.html
- css/styles.css
- js/main.js
- Open
index.htmlin your browser:- Double-click the file, or
- Use a local server (recommended for fetch/module testing)
Optional local server commands:
- Python 3:
python -m http.server 8000 - Node (http-server):
npx http-server .
- Edit
index.htmlto change content and structure. - Edit
css/styles.cssto change appearance. - Edit
js/main.jsto add interactivity. - Refresh the browser to see changes.
/project-root
├─ index.html
├─ css/
│ └─ styles.css
└─ js/
└─ main.js
- Keep HTML semantic (use headings, paragraphs, lists).
- Use class names to style groups of elements.
- Test layout on small and large screens (browser devtools).
- Make changes in your editor, test locally, and save.
- Provide clear comments for others (or future you).
MIT — use and modify freely.