# Building Your first Web Page with HTML and GIT.
### Introduction to HTML and GIT.
Creating a simple web page can be exciting, and it's a great first step in learning web development! In this article, we will walk you through how to build your very first web page using HTML and Git. Don’t worry if you’ve never used these tools before I will explain everything in a simple way. HTML is the language used to create web pages, and Git helps you keep track of the changes you make to your code.
**Setting Up the Project:**
**1. Creating a Project Folder:** First, we need to organize your work. Create a folder on your computer where you’ll save your files. You can name it something like "my-first-webpage." This will keep everything in one place.
**2. Initializing a Git Repository:** To use Git, we need to tell it to start tracking your project. Open your computer’s terminal (this could be Command Prompt or Git Bash), and go to your project folder. To do that, type: `cd path/to/my-first-webpage`
Now, to start using Git, type: `git init`
This tells Git to start watching over your project.
**3. Creating Your First** index.html File: In your project folder, create a new file and name it index.html. This will be the main file that shows your web page. You can use any text editor to write your code, such as Notepad or Visual Studio Code.
**Writing the HTML Code:**
Let’s start by writing the basic structure of your web page.
**1. HTML Structure:** Every web page starts with a basic structure. Here’s a simple one you can copy:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is a paragraph of text.</p>
<a href="https://www.Clement.com">Click here to visit My website</a>
</body>
</html>
```
2. Adding Content: In the `<body>` part of the page, we can add things like:
* Headings (e.g., `<h1>`), which make important titles on the page.
* Paragraphs (e.g., `<p>`), where you can add text.
* Links (e.g., `<a>`), which take people to other web pages when they click on them.
**Using Git for Version Control:**
Now that you’ve written your first bit of HTML, we’ll use Git to keep track of the changes.
**1. Staging and Committing Changes:** First, we need to tell Git to keep track of the `index.html` file. To do that, type this:
`git add index.html
`
Next, we’ll save this change by "committing" it to Git. This is like taking a snapshot of your work. Type: `git commit -m "First version of the web page`
**2. Writing Meaningful Commit Messages:** It’s a good idea to write simple messages that explain what you did. For example:
* "Added basic HTML structure."
* "Updated paragraph content."
* "Created first heading."
### Conclusion:
*Congratulations! You’ve built your very first web page with HTML and used Git to track your changes. By following these steps, you’ve learned how to create a simple web page and how to use version control. Keep practicing, and soon you’ll be able to build more complex pages. Don’t hesitate to keep experimenting with new HTML tags and features!*
Sign in with Wallet
Connect another wallet