It is good to learn a bit more or less about HTML. Today, we are going to learn how to create a basic website using HTML. It will consist of the title of the website, the body, a paragraph as well as a header. To grasp the idea better, we recommend that you use Notepad. Do type and do not copy and paste the whole thing.
Now, open up notepad and type the following:
<html>
<head>
<title>
Hello There
</title>
</head>
All HTML tags are in pairs: one is the opening tag while the other is the closing tag. As you can see, the <title> tag is closed by the </title> tag. Most of the time, it works that way with the exception of line break which is <br />.
The title tag is the website title that you usually see on the browser. For instance, if you go to Yahoo, the title on the browser will read Yahoo. Everything that is in the head tag will not appear on the screen and most of the time, it is to be read by the browser or the search engine. The <html> tag on the other hand is used to tell the browser that the file is to be read as HTML and is closed only at the end of document.
Once that is done, we’ll start with the body of the page. Type the codes below.
<body>
<h1> Here is a header </h1>
<p> This one here is a paragraph tag </p>
<p>It automatically creates a new paragraph with the usage of a different paragraph tag</p>
</body>
</html>
Save the file as a test.html and voila! You’re done. Now for the explanations: <body> tags are used for contents that are going to be shown to the viewers. The header tag ranges from <h1> to <h6> with 1 being the largest font and 6 is the lowest. As for the paragraph tags, it is self explanatory. The </body> tag is used to tell the browser to stop showing the contents to the viewer while </html> marks the end of the page.
Overall, your test.html should look like this:
<html>
<head>
<title>
Hello There
</title>
</head>
<body>
<h1> Here is a header </h1>
<p> This one here is a paragraph tag </p>
<p>It automatically creates a new paragraph with the usage of a different paragraph tag</p>
</body>
</html>
