How to Enable GitHub Discussions
In the previous post we spoke about commit, fork, clone, in this post we gonna deep dive into the terminology by creating a GitHub Repository from scratch. In order to create a project and host, the repository is a place where you add all your program code files and other documentation.
Prerequisites
-
- You must have a GitHub account.
-
- You must also have a basic understanding of how Git works and ensure Git is installed and running on your operating system.
Your checklist
Step 1: How to create GitHub Repository
1. Go to the GitHub website. By default, you will be on the Home page as shown below. Click on the + icon in the top-right corner, and from the dropdown, select New Repository.
2. Specify the name of the project and choose whether to make it public or private. For this tutorial, we’ll make it public.
Once a repository is made private, the project admin must manually grant permission to other GitHub users to collaborate or view it. This is a common practice at the organizational level.
Next, check the box to include a README file—this will automatically create a README.md file along with the repository. Finally, click on Create repository at the bottom.
Once the repository is created, you’ll see a screen like the one below. The explanation of each elements is mentioned below.
<!DOCTYPE html>: Declares the document type and version of HTML.<html>: Root element that contains all other elements.<head>: Contains metadata about the document. It includes elements like<meta>and<title>.<meta charset="UTF-8" />: Specifies the character encoding of the document.<meta name="viewport" content="width=device-width, initial-scale=1.0" />: Sets the viewport properties for responsive design.<title>: Sets the title of the document (displayed in the browser tab).<body>: Contains the visible content of the document.<!-- Your content goes here -->: Represents a comment that is not displayed in the browser.
Step 2: Changing Readme and Adding more files
I'm going to add my resume and add my name as heading to the README.md file
Adding Markdown Language
Below is a visual representation of the basic HTML document structure:
# Git-Demo
This is a demo installation via GUI
## Developed by Sanjay Viswanathan
This readme contains my resume, please refer to the attached file in the repo.
Browser Rendering
When the above HTML code is rendered in a browser, it will display the following content:
Git-Demo
This is a demo installation via GUI
Developed by Sanjay Viswanathan
This readme contains my resume, please refer to the attached file in the repo.
Explanation
<!DOCTYPE html>: Declares the document type and version of HTML.<html>: Root element that contains all other elements.<head>: Contains metadata about the document.<title>: Sets the title of the document (displayed in the browser tab).<meta>: Provides character set and viewport information.<body>: Contains the visible content of the document.<h1>: Heading element with the text "Hello, World!".<p>: Paragraph element with the text "Welcome to HTML learning.".
Step 3: Committing the changes
I'm going to add my resume and add my name as heading to the README.md file
This is the step where you need to add additional comments.
Step 4: Now let's upload your resume
I'm going to add my resume and add my name as heading to the README.md file
Now you will be able to see the uploaded resume.
Watch the video Tutorial
Conclusion
In this tutorial, you learned about the syntax and structure of HTML. HTML syntax consists of elements, tags, and attributes that define the structure and content of a web page.
A HTML document follows a basic structure with elements like <!DOCTYPE html>, <html>, <head>, <title>, <meta>, and <body>. Understanding HTML syntax and structure is essential for creating web pages and applications.
Your vote helps us improve our docs.
All our docs are open source. Found a typo, want to add detail or have a better explanation? Anyone can contribute.
Comments
Powered by GitHub Discussions