This post is going to assume you are not at all experienced with HTML. This post will give you a glimpse into how you can make your own webpage on your computer using a few lines of HTML.
What you’ll need:
- Notepad (or some other text editor)
- A web browser
Step 1:
Create a text file in a folder of your choice named helloworld.html
**Note: You can name it whatever you want, the name does not matter (as of now), just make sure it has the .html at the end of the file name to ensure that the computer reads it as an HTML file
Step 2:
Open the file using Notepad or any other text editor (I personally love Sublime Text) to edit the file
In your file, type the following lines:
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
</html>
Behind the code:
- All HTML files start with <!DOCTYPE html>
- <…> starts a tag, and </…> ends the tag
- In the code above, we added a header and a page title inside an HTML tag
Step 3:
Next, we add a body to our webpage. After the </head> but before </html> , add the following lines:
<body>
<p>Hello world!</p>
</body>
Behind the code:
Here, we added a paragraph inside the body of the page. The paragraph only says “Hello world!”
Step 4:
We now have the code for a basic HTML page. Save the text file and open the file with Google Chrome or a browser of your choice.
Step 5:
The result! Your page should have opened up to say “Hello World!”
If you followed this tutorial, you just built your first webpage!
code(style) 