**Course Title:** HTML & Web Development Fundamentals: Building Modern Websites **Section Title:** Version Control and Collaboration **Topic:** Set up a GitHub repository for an HTML project, collaborate, and manage project versions. **Objective:** By the end of this lab, you will be able to set up a GitHub repository for your HTML project, collaborate with others, and manage different versions of your project. **Step 1: Creating a GitHub Account and Repository** To start, make sure you have a GitHub account. If you don't have one, sign up for free at [https://github.com/](https://github.com/). GitHub is a popular version control platform that allows you to host and manage your code. Once you have a GitHub account, follow these steps to create a new repository: 1. Click on the "+" icon in the top-right corner of the GitHub homepage. 2. Select "New repository" from the dropdown menu. 3. Fill in the required information, such as repository name, description, and visibility (public or private). 4. Click "Create repository" to create your new repository. **Step 2: Initializing a Git Repository** To start tracking your HTML project with Git, you need to initialize a Git repository. Follow these steps: 1. Open your terminal or command prompt. 2. Navigate to the directory where your HTML project is located. 3. Type `git init` to initialize a new Git repository. This will create a new `.git` folder in your project directory, which will contain all the necessary files for version control. **Step 3: Linking Your Git Repository to GitHub** To link your Git repository to your GitHub repository, follow these steps: 1. Go to your GitHub repository and click on the "Code" button. 2. Copy the "HTTPS" URL, which should be in the format `https://github.com/your-username/your-repo-name.git`. 3. Go back to your terminal or command prompt and type `git remote add origin ` followed by the URL you copied. 4. Type `git fetch` to fetch the latest data from your GitHub repository. **Step 4: Committing and Pushing Changes** To commit and push changes to your GitHub repository, follow these steps: 1. Type `git add .` to stage all changes in your working directory. 2. Type `git commit -m "Initial commit"` to commit your changes with a meaningful commit message. 3. Type `git push -u origin master` to push your changes to your GitHub repository. **Step 5: Collaborating with Others** To collaborate with others on your GitHub repository, follow these steps: 1. Go to your GitHub repository and click on the "Settings" button. 2. Click on "Manage access" to add collaborators to your repository. 3. Enter the GitHub username or email address of the person you want to add as a collaborator. 4. Click "Add" to add the collaborator to your repository. **Step 6: Managing Project Versions** To manage different versions of your project, you can create branches in your Git repository. Follow these steps: 1. Type `git branch feature/new-feature` to create a new branch called "new-feature". 2. Type `git checkout feature/new-feature` to switch to the new branch. 3. Make changes to your code and commit them as usual. 4. Type `git push -u origin feature/new-feature` to push your changes to a new branch on GitHub. **Conclusion** In this lab, you learned how to set up a GitHub repository for your HTML project, collaborate with others, and manage different versions of your project using Git branches. By following these steps, you can easily manage and track changes to your code and work with others on your projects. **Practical Takeaways** * Create a new GitHub repository for your HTML project. * Initialize a Git repository and link it to your GitHub repository. * Commit and push changes to your GitHub repository. * Collaborate with others by adding them as collaborators to your repository. * Manage different versions of your project using Git branches. **Exercise** Create a new GitHub repository for your HTML project and follow the steps outlined in this lab. Practice committing and pushing changes to your repository, and try collaborating with a friend or classmate on a project. **What's Next** In the next topic, we will cover "Introduction to web hosting and domain management" in the section "Deploying HTML Websites". If you have any questions or need help with this topic, please leave a comment below.