Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Build and deploy a landing page
·
Module 3
Quick Win: Your First Manual Web Page
1
Setting Up Your Project: HTML and CSS Basics
Create a project folder with a standard structure (`index.html`, `styles/style.css`).
Minimal HTML: Hello World
Write a minimal 'Hello World' HTML document from a template.
3
Linking External CSS
Link the external CSS file to your HTML document using a `<link>` tag.
4
CSS Styling Basics: Changing Background Color
Write a single CSS rule to change a property, like the background color.
5
Viewing Your Page Locally
Launch the local development server to view your page live in the browser.
6
Project File Structure Explained
Explain the purpose of each file and folder in your simple project.
Previous module
The Developer's Toolkit: Local Setup
Next module
Version Control: Git and GitHub Essentials