Understanding HTML Tags and Elements

What HTML is and why we use it?

• HTML stands for Hypertext Markup Language. A markup language is a human readable which means it contain standard words rather than typical programming syntax.

• It is a way to write a code to convey a proper program structure. understand in a way it is a skeleton of a webpage.

Why we use it?

1. Structure Websites: It organizes, formats, and display content.

2. Standard Structure: HTML is a universal language for web, it ensures that the content must be properly rendered through browser.

3. HTML connects web page together.

HTML Tags

• An HTML tag is a special keyword that act as a building block for designing of structure and content of a web page.

• It manages the formatting and differentiate it with plain text.

Types of Tags:

There are various types of Tags but here are some few example tags:

1. <p>: Defines a paragraph of text. <p> Some text </p>

2. <h1> to <h6>: Defines headings of different levels, from largest (<h1>) to smallest (<h6>). <h1>Main Title</h1>

3. <span>: Used to style content on a webpage.

4. <div>: this tag is division or a section in an HTML document. which will be styled by CSS.

What an HTML element mean?

The combination of an opening tag, and a closing tag is called an HTML element.

<tagname> Content Present </tagname>

• Opening Tag: Represented by angle bracket ( < > ). It comes at the beginning of the element and applies the tag’s property.

• Content: The information (text, images, or even other nested HTML elements.

• Closing Tag: The same as the opening tag, but includes a forward slash ( / ) before the element name.

Self closing element:

These elements are also known as the empty or void element as they did not contain any content, that’s why they don’t require a closing tag.

Example: A break tag <br>.

Block-level vs inline elements.

Block-Level Element:

In block level element content always start with a new line it takes the full width.

Inline Element:

An inline element does not start on a new line. An inline element only takes up as much width as necessary.

Commonly used HTML Tags

1. <link> </link>: It is used to create a hyperlink on a page. A hyperlink is any content, generally text which links to other content or other web page.

2. <ol> </ol> : This is for the list which follows some order.

3. <ul> </ul> : This is for list which did not follow any order.

4. <table> </table>: This tag is used for creating a table for a web page.

5. <form></form>: This is used to create form on a web page.

For more details or knowledge you can go to inspect section of any web page and you can see various tags structures.