This is the beginning of my very own learning program “Full Stack Developer Roadmap“. HTML or HyperText Markup Language is the heart of the internet. HTML is behind all that you see and experience on the internet. This blog post you are currently reading is built by HTML at its very root. This is lesson 1 “HTML: An Introduction of HTML course”. What exactly does HTML do on a webpage?
That’s a million-dollar question. HTML forms the basic structure of any webpage. It tells your browser how to organize the data that is to be displayed. Take an example of construction. Before, constructing anything the engineers form a basic structure for the building, that basic structure that keeps the whole website stable is HTML. Above which you place layers of Interactivity and Styling and lot more fun stuff.
How exactly HTML works? It works with the help of elements. Now what are elements? Let’s show you some code.
<p>This is a Paragraph tag</p>
//The below line is the result
This is a Paragraph tag
When you wrap some content in the tag it becomes an HTML element and is displayed on a webpage. In the Above example <p></p> this is a paragraph tag and the sentence between these two is the content. Before, we begin learning any further few key points to remember.
- Never try to memorize the code. As you will keep practicing it will be stored in your memory automatically.
- Don’t hesitate to take help from the internet. StackOverflow and other websites are used by almost every developer in the world.
- We don’t need to learn everything when starting to learn. I learned only 20 tags of HTML when I started. But, As I created few websites and solved my own puzzles I now know more than a few.
- It’s normal to find yourself stuck sometimes. Don’t be harsh on yourself.
Thanks for reading this tutorial. Subscribe to the newsletter at the bottom for updates. queries can be taken in the comments.
[…] fancy coding tutorials. Let’s get our basics straight. HTML tags contain the content on your HTML document. There are different tags used to display different types of information on your webpage. […]