Understanding HTML Tags and Elements

#html #webdev #beginners #learning

What HTML is and why we use it?

1-Html stands for Hypertext markup language, a language that is highly useful for the Website Development.

2- Hypertext (the text that is documented to another document) and hyper is geek word which means above or over, HYper text is link over the text. In general sense, markup = selling price -cost, so it is profit over the cost. Markup means structure the linking document,if we travel in 1991. and mark up language is developed for presenting the text / other languages over the internet.

3- Html is not a the programming and it's just a markup language where you use the javascript and typescript on the top of html to introduce interactivity.

4- Html is just a skeleton of a body and website is the fully functional body, do the inspect element and delete the css and observe how your website will look after removing the css from the webpage.

With css our HTML look like

After removing CSS

What an HTML tag is?

I will ask you a simple Question, what is your name?

So, This name is HTML Tag. Tag is the name of the element. Yu will ans question, how many types of name- Home name, real name and imaginary name, similarly the tag has 2 types, opening tag and closing tag ,content is the description for your work.

Html Element- Element is the important part of the website, it's a component that renders the content on the web page.

Self-closing elements- (void elements)-

A void elements can't have child elements, and these are self closing in nature ,so they are called self closing tag.

According to MDN the self closing tags do not exist in html and the trailing / (slash) is ignored by html parser. We add trailing slash on that do not require the closing tag and this tag is ignored by the parser.

For example-

Hello browser reads this Hello.