HTML - Basic Guide!

What is HTML ?

HTML(HyperText Manipulation Language) is the standard markup language for web pages. In simple words, it is the structure of a web page.

For eg. when a car company manufactures a car. First, they create the frame structure of the car then they paint it, and in the end, the car engine got fitted. that's how they assemble a car or manufacture it. the frame of car is HTML, the painting process is CSS and the engine is JavaScript and the combination of all makes car works in same way web page works smoothly with the combination of all three.

I hope now you all understand what HTML is and what is used of it in making a web page.

if you still didn't get it, then here are some points to know more about it-

  • HTML stands for Hyper Text Markup Language.
  • HTML is the standard markup language for creating Web pages.
  • HTML describes the structure of a Web page.
  • HTML consists of a series of elements.
  • HTML elements tell the browser how to display the content.

Structure of HTML Page

<!DOCTYPE html>
<HTML>
<head>
 <title> this is title of page</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

HTML ELEMENTS

<HTML>, <h1>, <p> is HTML element which have start tag, some content then end tag.

HTML Attributes

Attributes contain additional pieces of information. Attributes take the form of an opening tag and additional info is placed inside.

eg.

  • <a href="https://www.hashnode.com">hashnode</a>
  • img src="img_girl.jpg" alt="Girl with a jacket">

Some basic Tag used in HTML

  1. <h1> -> <h6> is heading element used for the important titles.
  2. <b> is used to make the font bold.
  3. <p> is for a paragraph.
  4. <div> is used as a container for HTML elements.
  5. <span> is in-line container.

there is a lot more tag but you don't need to memorize all of them. you will learn them by practicing or making new projects.

When I started my front-end journey, I was so confused by seeing all these different tags but now all code looks familiar to me. so give yourself time and keep practicing.

Peace Out! ☮️

For more info:

Did you find this article valuable?

Support Rahul Dhiman's blog by becoming a sponsor. Any amount is appreciated!