5 About the HTML extension

5 About the HTML extension


In this post/video let us talk about the HTML extension.

The current extension for HTML documents is  .html (dot html)  . For example some sample files could be:

  • index.html
  • home.html
  • file.html



Create your file

You are going to take the sample html code I have below. And you are going to create a HTML file. Then you are going to run it on your browser. In case you do not know how to do that, follow the instructions below.


First of all here is the sample code:

<!DOCTYPE html>
<title>Page Title will be here</title>
<h1>This is my HTML sample</h1>
<p>My first paragraph for my sample HTML code. I love it!</p>


Now the steps

  1. Step one

If you have a Text editor installed like I showed you here, then open it.

Then Create a new document (In windows usually CTRL N . Or new under File Menu).

  1. Step Two

Then copy the code above into the document you created above.

Then save it anywhere in your computer. On the desktop, in documents. Just anywhere. Save it as  file.html  or give it any other name if you like. You must add the extension, .html .

  1. Step Three

Navigate to where you’ve saved the file. Double click it and it will open in your default browser, You can also just drag it to your browser window.


Yeah. So that’s it. To create an html file it must have the .html extension. That is how the browser will know to render the page.

Other extensions that you may have seen already include:

.js (dot js)  : This is for Javascript files.

.css  (dot css) : This is for  Cascading Stylesheets .Or just CSS .

.php : This is for PHP files .

.py : This is for python files .

And so many more .


Watch this entire HTML and CSS tutorial via the button link below:

Join the FULL HTML and CSS Tutorial Here >>



The following two tabs change content below.
Just a geek who loves Trance . Be yourself everywhere you go. And Be yourself in everything you do. Cheers !

Comment Here