What is HTML ❔❔

Html is the very first step towards the web development and very easy to understand .
Html stands for HYPER TEXT MARKUP LANGUAGE.
As the name suggest it is a Markup language which helps in the presentation of the data (note : markup language is different from programming language).
HTML was invented by Tim Berners-Lee in 1993.
To understand in easy language we can say that HTML is skelton like of a web page.

let's start with the main content which we need to learn as a web developer

-------------------------- So , here we go --------------------------

Basic structure of HTML

HTML mainly consists of head and body.
Head contains the information which is not displayed to the user or web page . mainly the tags like <tittle>,<script> are written in head part.
Body contains the information or the data which is displayed on the web page . for example : headings and paragraphs etc.

<head>
<title> Title of web page</title>
</head>
<body>
<h1> Heading one </h1>
<p> paragraph </p>
</body>
</html>

Understanding Tags and Attributes

Attribute

Attribute provides value to the element.
these are written inside the tags.
for example : <a href="https://www.google.com"> GOOGLE </a>
In above example, attribute used is href .

Note : Html5 is the new version of Html which supports audio , video and simmentics tags

Elements

Elements are nothing but the content which is wrapped by the paired tags
we can also say element is a piece of code with paired tags.
example : <p> Heyy Ashish </p>
Elements are of two types Block elements and Inline elements.

Block elements

these elements occupy full space from left to right on web page

example : <p>, <ol> , <ul> , <dl>

https://codepen.io/ashi80ashi/pen/mdKpOdK

Inline elements

these elements occupy no extra space outside the content written.

example :

https://codepen.io/ashi80ashi/pen/abKEBNJ

let's go through some important tags Html

1.HTML Formatting Elements

Formatting elements were designed to display special types of text.

https://codepen.io/ashi80ashi/pen/KKeZNvd

2.Iframe tag

When we want to show any other web page on our web page then we use iframe tag.

https://codepen.io/ashi80shi/pen/GRGyNMP

3.Table

In table there are mainly three tags used <table>,<th>,<td>

th is used for table heading td is used for table data

https://codepen.io/ashi80ashi/pen/RwJxoQq

4.Forms

Forms can be build using HTML for collecting data
here is an example:

https://codepen.io/ashi80ashi/pen/GRGyNMP

Summary

In this article, We have talk about the web and HTML . In HTML, there are many more tags and those are equally important to them which I mentioned in this blog. I will soon update my github account link also from there you can fetch the files for better understanding

About Me

My name is Ashish. I'm working in a Multinational company as software engineer and I'm also a learner. If I skip anything in this article. Please Let me know I will be very happy to know my mistakes and will try correcting the mistakes as soon as possible.

Thanks for reading😊😊

Happy learning.......

HTML Refresher ✔✔

Table of contents