Last updated on October 31st, 2020 at 06:21 am.
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:
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
- 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).
- 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 .
- 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:
.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: