Introduction To HTML
Hello guys, I am back again and this time, I will be putting you guys through the basics of HTML.
HTML(Hyper Text Markup Language) is a must learn whenever web development comes up.
It is straight-forward and very easy to understand.
So now let's begin with the simplest HTML page in the world aka "Hello World".
Hello World Webpage
HTML is made up of a lot of tags that look like this:
<> </>
and each tag contains different functions.
We start up with the first HTML tag called 'html'
<html> </html>
This tag lets the browser know that this is a HTML document. It’s very important because the browser will need to read the file in a certain way to get correct information.
Next we insert the 'head' tag into the html tag
<html>
<head>
</head>
</html>
This tag contains information about the document. It contains configurations that help the browser and search engines process the webpage better. It’s the soul of the webpage.
Let’s insert the ‘title' tag into the head
<html>
<head>
<title>
First HTML
</title>
</head>
</html>
This tag displays the title of the page at the top of the browser. It’s very useful, because whenever a search engine finds your webpage, it’s the title that gets displayed first.
That's all for the header tag for now. later on we will talk about meta tags, links and so on, but for now let's keep things as simple as possible.
Now we insert the 'body' tag into the 'html' tag and below the 'head' tag
<html>
<head>
<title>
First HTML
</title>
</head>
<body>
</body>
</html>
This is where the magic begins, almost everything displayed on a webpage goes in here, if the 'head' is the soul, then the 'body' is the human being.
We are almost done! let’s finish up our simple webpage by adding a 'h1' tag into the body
<html>
<head>
<title>
First HTML
</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
The 'h1' tag is a type of heading tag in the 'body' tag. It is called 'h1' meaning first level heading.
And we are done🙂, a simple HTML code for a simple page👍.
Conclusion:
When web crawlers/robots read your webpage, they go through all the elements/tags to know what it’s about and how to find the right people to display the webpage to. So you should really try to keep your webpage as presentable as possible.
Thanks for reading through, and leave a 👏 to support.
