Whether you’re just now learning or code, or have been building web apps for years, you’ve probably noticed that there are things you use more often that others. In this short article, we’ll go through 10 basic HTML tags that you’ll actually use often in your projects.
1. <head>
This html tag is used to define the content and information (metadata) of your website.
2. <header>
This tag can be used to contain elements like your navigation bar or hero section, anything at the top of your webpage.
3. <div>
Probably the most common tag in web development, this html tag is what holds your content. Think of a div like a room with items inside. Just as multiple rooms create a home, multiple divs, with items inside, create a website.
4. <a>
The a tag in html is what is used to create a link to another section of the page, another webpage on the same website, or another website altogether.
5. <img>
Pretty self explanatory. This basic html tag is used for adding images to your webpage.
6. <h1>
The heading tag is also another basic html tag that is used to create headings on webpages. The headings available are <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, which all appear in different sizes. But of course, you can edit those sizes in CSS.
7. <p>
This is called the p, or paragraph tag, which is used to create paragraphs, like the one you’re reading now.
8. <br>
This basic html tag is called a break tag. It is used when you want to create a new line
like this. It helps with spacing, and is very helpful.
9. <body>
This tag is where you’ll put all your code that will appear on the webpage and is a basic, but very important html tag.
10. <span>
The span tag is good for when you want elements to stand on their own, or you want to experiment with changing individual text colors, etc. It’s a basic, but very good html tag to use.
So there you have it! A list of 10 basic html tags that you’ll actually use frequently on your projects!
