Understanding HTML Tags and Elements

HTML is Hyper Text Markup Language. Let’s break it down.

• Hyper Text: the text is not normal; it makes something happen.

• Markup: It has a certain way of writing it.

HTML tags are the way we write HTML forthe creation of web pages on the internet. The default page of any website is index.html standardised by the World Wide Web Consortium.

That’s how an HTML element usually looks. It is made up of the start tag, content and end tag.

However, there are exceptions to this normal HTML element format called Self-closing; those that don’t require a closing tag. like <img>, <a> and many more.

The elements take up the space of the web page, thus there is a differentation in them. Like,

1. Block-Level Elements: The elements that don’t take the full width of the webpage by default. eg: <a>, <div> , etc..

2. Inline elements: The elements that take the full width of the webpage by default. eg: <p> , <h1> , etc..

There are many HTML tags, but the common ones are

1. Headings (h1-h6), paragraph (p), span (span),

2. Containers div, header, footer, main

3. Links a, Images img

4. Table table, th, thead, tbody, td

5. Forms form, input, label, button, select, textarea

6. Semantic nav, aside, figure

More on HTML, maybe another day.