Website Parts: A Very Simple Guide

Before you start

• No coding knowledge is needed.
• Open one of your sites in another tab if you want to look at real examples.
• Read slowly and imagine each part like pieces of a toy house.

Quick check

• You know that a page is made of smaller parts called sections.
• You know a button does something when clicked.
• You know preview is a safe place to look before saving.

Step-by-step

1. A website is the full thing people visit on the internet.
2. A page is one screen inside the website.
3. A section is one area on that page, like the hero area, about area, or contact area.
4. A link takes you to another page or website.
5. A button is something you click to make an action happen.
6. A preview is a test look, so you can check changes before saving or publishing.

Simple word meanings

Visual diagrams

flowchart TD
A[Website] --> B[Page]
B --> C[Section]
C --> D[Text]
C --> E[Image]
C --> F[Button]
classDef blue fill:#dbeafe,stroke:#2563eb,stroke-width:2px,color:#0f172a;
classDef green fill:#dcfce7,stroke:#16a34a,stroke-width:2px,color:#052e16;
classDef yellow fill:#fef3c7,stroke:#d97706,stroke-width:2px,color:#451a03;
class A,B blue;
class C green;
class D,E,F yellow;