GitHub, the world's leading platform for version control and collaboration, supports a wide range of file types, including HTML. If you're new to GitHub or HTML, creating a simple HTML file on GitHub can be a great starting point. Here's a step-by-step guide to creating and displaying an HTML example on GitHub.
Before we dive in, ensure you have a GitHub account. If you don't, sign up at github.com. Once you're in, let's create a new repository and add our HTML file.
Creating a New Repository
Start by clicking the '+' icon in the top-right corner of your GitHub dashboard and select 'New repository'. Name your repository something like 'my-first-repo' and click 'Create repository'.
Now, let's create our HTML file.
Creating the HTML File
In your new repository, click on the 'Create new file' button. Name your file 'index.html' and start writing your HTML code in the editor.
Here's a simple HTML example you can use:
<!DOCTYPE html>
<html>
<head>
<title>My First GitHub HTML Page</title>
</head>
<body>
<h1>Welcome to My First GitHub HTML Page</h1>
<p>This is a simple HTML page created on GitHub.</p>
</body>
</html>Once you've added your code, click 'Commit new file' at the bottom of the page. Your HTML file is now live on GitHub!
Viewing Your HTML Page
To view your HTML page, click on the green 'Code' button above your file list. Then, click on the link that appears in the 'Direct link' section. This will take you to your live HTML page.
Congratulations! You've successfully created and displayed an HTML example on GitHub.
Editing Your HTML Page
To make changes to your HTML page, click on the 'Edit' button next to your file in the repository. Make your changes in the editor, then click 'Commit changes' at the bottom of the page. Your changes will be live immediately.
That's it! You now know how to create, view, and edit HTML files on GitHub. Happy coding!