Creating a Simple Web Page


Tutorial: Creating a Simple Web Page

  1. Setting Up Your Workspace:

Open a text editor of your choice. Notepad, Visual Studio Code, or Sublime Text are good options.

  1. Creating the HTML File:

Create a new file and save it with a .html extension, for example, index.html. Add the following basic structure:

html Copy code

Your Page Title
<!-- Your content goes here -->
This is the basic structure of an HTML document.
  1. Adding Content:

Inside the tag, add some content. For example:

html Copy code

Hello, World!

This is a simple web page created with HTML and CSS.

4. Creating the CSS File:

Create a new file and save it with a .css extension, for example, styles.css. Link this file in your HTML file, as shown in the section.

  1. Styling with CSS:

In your styles.css file, you can style the HTML elements. For example:

css Copy code body { font-family: ‘Arial’, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }

h1 { color: #333; }

p { color: #666; } Feel free to experiment with different styles and properties.

  1. Preview Your Web Page:

Open your HTML file in a web browser to see your page. Right-click on the file and choose “Open with” and select your preferred browser.

Congratulations! You’ve just created a simple web page using HTML and CSS. This is just the beginning, and you can explore more advanced topics like JavaScript for interactivity, responsive design, and more as you progress in your web development journey.