How to put your HTML website online for free?

how to put html website online free

Web development is a very interesting field. For this, everyone must first learn HTML because this is the core technology to make any website. While learning HTML in the mind of a beginner there must always be a question that how to put an HTML website online for free?

Therefore, we will provide you the solution to this in this article. And we will tell you such a freeway so that you can publish the website created in HTML online.

To put any HTML website online, we expect that you must have the source code of that website. To publish an HTML website, its code is very important.

How to put your HTML website online for free?

If you have created a website using HTML. Now you want this website to be publicly visible online, so here I am going to tell you the way with the help of which you can host your HTML website online for free.

On Blogger

Blogger is a platform from Google, with the help of which you can create very good blogs for free. In this you also get a feature with the help of which you can host the code of your HTML website without any extra cost. For this just follow some steps given below.

1. Before you proceed, make sure that you have the code of the website created in HTML in a single file. And also have a Google account.

2. First of all go to Click on the SIGN IN button and login with your Google Account.

3. Now enter the name of the website and click on Next.

4. Enter the value of the URL you want to provide to the website in the “Choose your URL for your blog” field. This will create a unique link to access your website online.

5. Now shows you the interface of your blogger. In this, select the “Theme” option from the left navigation menu.

6. My theme→ Customize→ Switch to first generation Classic theme→ Switch Without A Backup

7. Click “Edit HTML” Blogger’s code editor is open which already has some HTML and CSS code. We have to replace it with the code of our HTML website.

8. Now all you have to do is to copy all the HTML source code of your website and paste it in this editor. and save.

9. Click “View Blog” to view your HTML website.

10.Look for your website’s URL, which is “” in the top bar.

Use this HTML code for the sample→

<!DOCTYPE html>

    <title>Atom First Project</title>


    h1 {
        text-align: center;
        color: red;
        padding-top: 20px;
    .para2 {
        font-size: 30px;
        padding: 20px;
        border: 1px solid black;
        background-color: rgb(252, 255, 227);


    <div class="container">


            My HTML Website


        <p class="para1">

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident ullam, explicabo pariatur error saepe laboriosam nam voluptas, autem distinctio hic dolorem repellat reiciendis corrupti perferendis! Adipisci ea reiciendis id error?

        <p class="para2">

            Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis amet adipisci necessitatibus quisquam aut id cumque impedit inventore libero doloremque voluptate corporis possimus dicta odio, dolore eum repellat? Debitis, unde!




Congratulations..! You have published your HTML website online, that too for free. Now share your created URL so that this website can be seen by others. In this way you can publish any of your HTML project online.

Neeraj Yadav
Howdy Friends! I am Neeraj Yadav a professional Web and App developer. I am trying to share my knowledge through this website. Here you will get amazing coding projects, free courses, programming articles.