Basics of HTML

September, 2022

Intro

The core components of HTML are tags, elements, and attributes.

The beginning and the end of an HTML element are represented by tags. HTML tags have a start of < and end character of >. These are similar to keywords, and each tag denotes a distinct idea. They could be thought of as the foundation of an HTML page.

The content included within the tags is known as an HTML element. It details the webpage's overall content. It is made up of the opening tag, the web page's content, and the closing tag.

The additional qualities that we want to include inside the tags are called attributes. Only the opening tag contains these. They outline the HTML element's extra properties.

Inline and Block Elements

The differences between the block and inline elements are sometimes unclear to developers. A small error in this area can result in significant issues that are challenging to find. Let's examine these two in more detail.

Inline Elements

Elements that list in one line are considered inline elements. They simply take up the area that is necessary for them, not the complete line. They don't begin on a fresh line.

Some of the inline elements are:

• span element - This is used between elements to draw attention to key details.
• label element - This element is used to name the input tag.
• input element - This shows as a blank spot on the website where users can enter any information required.
• img element - This enters images wherever requires.

Block Elements

Block items take up the entire width, even when they are not needed. They never have any element next to them and always begin on a new line. They acquire top and bottom margins consistently.

Some of the block elements are:

• h1 - h6 elements - These are the heading elements which always start from a new line.
• p element - The paragraph, which is written in a regular size font, is contained in the paragraph tag.
• table element - This element makes up the table in the web page.
• li element - Anything can be listed using the HTML list element.
• div element - This is the container element that divides content into several parts.

Conclusion

From the above content, it is clear that without CSS units, it is impossible to create a user-friendly and effective website because logic and design are both crucial.