5 About the HTML extension

Last updated on October 31st, 2020 at 06:21 am.

5 Understanding HTML extensions

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

Etc
 
Learn HTML in this tutorial
 
 

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>
<html>
<head>
<title>Page Title will be here</title>
</head>
<body>
<h1>This is my HTML sample</h1>
<p>My first paragraph for my sample HTML code. I love it!</p>
</body>
</html>

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:

  
Learn HTML in this tutorial
 

Comment Here

Need WordPress help? Linux Server help? Talk to us.

  • We are your own WordPress customer service.
  • We set up Linux servers and install or migrate WordPress. Learn more here.
  • We support WooCommerce too.
  • Check out our WordPress customer support plans here or contact us below .

If you have any questions regarding WordPress support, Linux server support or any of our services, feel free to reach out or read more on our services page.

Join this free course:

How to host multiple WordPress
websites on a VPS

Close me!