# HOW TO CREATE YOUR FIRST WEB PAGE WITH HTML AND GIT.
First of all know what html and git are all about as a beginner,no worries i gat you covered below.
# INTRODUCTION
## HTML
Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript, a programming language. HTML was created in 1991 by tim berners lee,a british computer scientist and the inventor of the world wide web.
Purpose
The main purpose of html is to enable researchers to share documents and resources over the internet seamlessly.
Below is an example of html.
```
<!DOCTYPE html>
<html>
<head>
<title> My First Web page</title>
</head>
<body>
<div>
<h1>My web</h1>
<p>Studying at blockfuse labs.</p>
</div>
<ul>
<li>love coding</li>
<li>love having fun</li>
<li>i love skating</li>
<li>am also a plumber</li>
</u>
<h2>Hobbies</h2>
<ol>
<li>skating</li>
<li>cooking</li>
<li>swimming</li>
</ol>
<a href="https://x.com/BigwanL93057/status/1885471516898316450"</a>
</body>
</html>
```
## GIT
What is Git?
Git is a popular version control system. It was created by Linus Torvalds in 2005, and has been maintained by Junio Hamano since then.
**It is used for:**
* Tracking code changes.
* Tracking who made changes.
* Coding collaboration.
**What does Git do?**
Manage projects with Repositories,Clone a project to work on a local copy. It also Control and track changes with Staging and Committing,branch and Merge to allow for work on different parts and versions of a project,Pull the latest version of the project to a local copy.And also Push local updates to the main project.
**Working with Git**
* Initialize Git on a folder, making it a Repository.
* Git now creates a hidden folder to keep track of changes in that folder.
* When a file is changed, added or deleted, it is considered modified.
* You select the modified files you want to Stage.
* The Staged files are Committed, which prompts Git to store a permanent snapshot of the files.
* Git allows you to see the full history of every commit.
* You can revert back to any previous commit.
* Git does not store a separate copy of every file in every commit, but keeps track of changes made in each commit.
**Why Git?**
* Over 70% of developers use Git!.
* Developers can work together from anywhere in the world.
* Developers can see the full history of the project.
* Developers can revert to earlier versions of a project.
**Importance of git.**
Git is all about efficiency. For developers, it eliminates everything from the time wasted passing commits over a network connection to the man hours required to integrate changes in a centralized version control system. It even makes better use of junior developers by giving them a safe environment to work in.
### Setting up the project
1.How to create a folder.
* Using File Explorer.
* Open the File Explorer. The File Explorer allows you to manage all of the files and folders on your computer and devices connected to it.
* Navigate to where you want to create your folder.
* Right-click a blank area.
* Hover over New and click Folder.
* Name the folder.
* Move files into the folder.
### How to initialize a git repository.
To initialize a new local Git repository:
* Pick an existing or new folder on your computer and open it in VS Code.
* In the Source Control view, select the Initialize Repository button. This creates a new git repository in the current folder, allowing you to start tracking code changes.
**Using git for vervion control:**
To stage all changes in the current directory and its subdirectories, use
* git add .
* git commit After staging your changes, you can commit them using
* git commit -m "Your commit message"
**How to create git repository**
* $ cd my-project
* initialise a git repository
* $ git init
**Add all files to be tracked**
* $ git add .
* commit tracked files with a message
* $ git commit -m “some message”
**configure a remote**
* $ git remote add origin <remote_url>
* push to a remote repository
* $ git push --set-upstream origin main.
Below is an good example of git repository,
### Connecting your local repository to github
Open Terminal or Command Line: Navigate to the directory where your local repository is located.
Add Remote Repository: Use the git remote add command to connect your local repository to the GitHub repository. Replace origin with the name of your remote repository and https://github.com/username/repository.git with the URL of your GitHub repository.
Verify Remote Repository: Use the git remote -v command to verify that the remote repository has been added correctly.
Push to GitHub: Push your local commits to the GitHub repository using the git push command.
Check GitHub: Visit your GitHub repository to confirm that the changes have been pushed successfully.
To push changes to a Git repository on GitHub, first ensure your local repository is up to date by running git pull to fetch any recent changes from the remote repository. After making and committing your changes locally, use the command git push origin main to push your local commits to the remote repository. If your local branch is out of sync with the remote, you might encounter a non-fast-forward error, which requires you to pull the latest changes before pushing.
# conclusion
The most imortant thing about html is that it is a forgiven language. It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript, a programming language.HTML was created in **1991** by **tim berners lee**,a british computer scientist and the inventor of the world wide web.
while,
Git is a popular version control system. It was created by **Linus Torvalds in 2005, and has been maintained by Junio Hamano since then.**
### Encouragement.
As student or developer it is very important to always learn the basics of what ever your doing,and no matter how hard it is dont giveup but keep pushing.
Sign in with Wallet
Connect another wallet