HTML for Beginners!  Part 1πŸ’Ž

HTML for Beginners! Part 1πŸ’Ž

Feb 17, 2023Β·

3 min read

Play this article

Heyy Legends! 😎

How are you all doing?! Hope you are doing Great! πŸ’› And this is my Part-1 for HTML!!

So Today I am here to Teach you guys about HTML for Beginners!!

So, let's dive in...

About HTML and CSSπŸ•

So basically HTML is Hypertext Markup Language..... I know it seems boring but let's make it creative....πŸ˜€


So basically, πŸ‘† HTML5 is the latest version that we use nowadays, and CSS3 is also the latest one!


So, you need to read this out and let me explain it in just one line: Basically, HTML is the Structure of the website and CSS is the Presentation of the website...

But you don't need to worry about CSS right nowπŸ˜‰


Now I think by seeing this image,πŸ‘† you are done about the basic things about HTML...😎


And finally, this is πŸ‘† something that can help you with HTML and CSS!!

Meme on HTML and CSS πŸ˜…

Okay, let's have a small meme on HTML and CSS πŸ‘‡


So now I think you are completely done with HTML and CSS knowledge!! πŸ˜‚

Now we're gonna learn about <h1> to <h6> tags and <p> tag

Basic things about VS code🏈

So, I am using VS code which is the easiest way to write your code!!

In HTML we are having a boilerplate which is the most important thing and gives a professional vibe! πŸ˜‰

So, I will start by making an HTML file called "index.html"

In VS code we're having a special thing for having a boilerplate if we just hit ! then we'll be having our boilerplate ready!! 😎

Let's hit!


Result πŸ‘‡

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


And BOOMπŸ’₯!

Our Boiler Plate is ready!!

Basic Syntax of HTMLπŸ‰

In HTML we will be writing our code in the <body> tag!

So let's begin!!

To have a Heading on our website we use the <h1> tag... Now you might wonder what is <h1> tag is.

It's just heading 1

Let me show you an example of it:

<h1>Practice makes Perfect</h1>




And make sure you need to write this code in your <body> tag.

Similarly, like <h1> tag we are having 5 more tags like <h2> , <h3> , <h4> , <h5> , <h6>.

Check all the tags and see what happens...

Quick Example


Now I think this topic is clear for all beginners! 😊


This is an example of how you can understand tags. This <p> tag is just a Paragraph tag and in this tag, you can write your paragraphs! πŸ˜‰

My Twitter Account: Twitter

My YouTube Channel: Code Arena

So, this was my Part-1 which was just for basic knowledge about HTML and CSS.

Motivation For Today: A Single Sheet of paper can't decide your future!!

Now I'll see you all in my Part 2 in which we'll be talking about the Basic Syntax of HTML. 😎

My Part-2 of HTML for Beginners: Part 2

If you wanna learn HTML for Beginners from my Tutorials on YouTube then this is my Day 1 of HTML course!

  • I will teach you personally for free in my Twitter DM...If you have any doubts regarding these questions or any questions!

  • JUST DM ME ON TWITTER AND I'll 100% reply to you and solve your doubt!

So till then take care and Goodbye! 😊