Table of contents
- Brief Introduction to HTML
- Let’s get to meet the HTML Elements
- 15 Common Basic HTML Elements
- HTML element <html></html>
- Head element
- Title element
- Body element <Body></body>
- Heading elements <h1></h1>
- P element <p></p>
- Div element <div></div>
- Span element <span></span>
- Button element <button></button>
- A element <a></a>.
- IMG element
- Form element <form></form>
- UL element <ul></ul>
- OL element <ol></ol>
- Table element
Brief Introduction to HTML
The HyperText Markup Language or HTML is the standard markup language used to design, structure, and display a web page and its content. HTML is the foundation of every web page, as a matter of fact, it is the Basic of all Programming Languages. It is learned, used, and understood by the use of elements. These elements contain tags popularly known as “HTML tags”
Let’s get to meet the HTML Elements
Hii,
We are HTML elements and we help a web browser distinguish between HTML content and simple content. Our body consists of three major parts:
- The opening tag
- The content
- The closing tag
Although not all of us require a closing tag, the rest of us are closed. Each of us has our specific and unique properties and we perform different tasks.
15 Common Basic HTML Elements
HTML element
The HTML tag is the mother container for all other HTML elements. It is the building tag and root for HTML.
Head element
The head tag does not contain any text but it serves as a container for the metadata. It also houses other tags like the Tittle, style, Meta, etc.
Title element
The title tag is found right inside the head tag but unlike the head tag, it does not house any other tag in it but it entails text that represents the title of the content.
Body element
Whatever is displayed on your website is written in this tag. It houses other tags and it comes right after the head tag
Heading elements
It is used to showcase any heading. It ranges from h1 to h6 and varies in size and font. Any text written in it is displayed as a heading.
P element
Text inserted into the p element is displayed as a paragraph.
Div element
It is also known as the division tag because it defines a divided part of the content and houses that section.
Span element
It also defines and houses a section of our content. Unlike the div element which is used as a block, the span element can be inline.
Button element
It creates a clickable button and can house content or image within it.
A element .
It is called the hyperlink text and links to websites or pages can be passed into it. It consists of “href” attribute which defines the destination of the link and it also contains text that can be displayed for the user to see.
IMG element
It does not have a closing tag and it is generally used to define an image.
Form element
It is used to create an HTML form for submitting information. It accepts several attributes and is known for housing certain form elements such as the text box, checkbox, drop-down, submit button, and much more.
UL element
UL means “unordered list” and just as the name implies, it is used to define a list that has no particular ordering system. Its list of items is mostly displayed with a bullet
OL element
OL on the other hand means “ordered list” and unlike UL, it is used to define a list that has a particular ordering system.
Table element
It is used to define content presented in tabular form.
There are numerous HTML elements that are not included in this list but are also very useful, you can check them out here developer.mozilla.org/en-US/docs/Web/HTML/E... If you are a beginner, you definitely need to get familiar with the basic HTML elements and expand your knowledge as time goes on. In conclusion, HTML elements are really cool and they are very necessary for writing content on the web.