Introduction

In this section, I'll go over 10 HTML tags that you'll use the most and need to know. If you learn these you can start working on your projects.

1. Headings - <h1></h1>

HTML headings are titles or subtitles that you want to display on a webpage. You can choose from h1 which is the most important, to the h6 which is the least important heading.

2. Paragraph tag - <p></p>

The <p> tag defines a paragraph (some text Browsers automatically add a single blank line before and after each <p> element.

3. Anchor tag - <a></a>

The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link's destination.

4. Unordered list - <ul></ul>

An unordered list starts with the <ul> tag. Each list item starts with the <li></li> tag. The list items will be marked with bullets (small black circles) by default.

5. Ordered list - <ol></ol>

An ordered list starts with the <ol> tag. Each list item starts with the <li></li> tag. The list items will be marked with numbers by default.

6. Image - <img>

The <img> tag is used to add an image in an website. It' usually used with the "src" attribute, which specifies the path to the image we want to use.

7. Input - <input>

The <input> tag specifies an input field where the user can enter data and it's also the most important form element. It can be displayed in several ways, depending on the type attribute (button, checkbox, submit, etc)

8. Division - <div></div>

The <div> tag defines a division or a section in an HTML document. It is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript. Any sort of content can be put inside the <div> tag!

9. Label - <label></label>

The <label> tag defines a label for several input elements. Inside this tag, we usually put the text we want to display next to the input The for the attribute of <label> to work must be equal to the id attribute of the input.