Website Creation

Photo by Ben Kolde on Unsplash

Step 1: Set Up the Project Folder

First, create a folder on your computer where you will store all the files for your website. You can name it MyBlog.

Inside this folder, create three files:

• index.html
• styles.css
• script.js

Step 2: Create the HTML Structure (index.html)

This file will contain the structure of your website.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Blog</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>Welcome to My Blog</h1>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

<section id="home">
        <h2>Home</h2>
        <p>This is the homepage of my blog where I share my thoughts and ideas.</p>
    </section>

<section id="about">
        <h2>About Me</h2>
        <p>I'm a passionate writer and developer. This blog is my space to…