Sign in
Log inSign up

The most common HTML5 Tags you should know!

kalloli chinmay sai's photo
kalloli chinmay sai
·Mar 5, 2022·

3 min read

The most common HTML5 Tags you should know!

Photo by RoonZ nl on Unsplash

Hey Readers, 👋

Sai here. I'm a self-taught web developer.

Web development is an interesting yet challenging approach so here I'm sharing my bit of knowledge to abate complexity for you all.

HTML tags are like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags I am going to show you some common HTML Tags.

1.Heading Tag:

HTML headings are titles or subtitles that you want to display on a webpage.

HTML headings are defined with the.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

h1 defines the most important heading and h6 defines the least important heading.

2.Paragraph Tag:

This tag formats any text between the opening tag and the closing tag as a standard paragraph or text.

<p> Paragraph Tag </p>

3.Bold Tag:

This tag will format any text between the opening b tag and closing b tag as bold.

<b> Bold Tag </b>

3.Italic Tag:

This tag will format any text between the opening i tag and closing i tag as italic.

<i> Italic Tag </i>

4.Underline Tag:

This tag will format any text between opening u tag and closing u tag as underlined.

<u> Underline Tag </u>

5.Strong Tag:

The tag is used to define text with strong importance. The content inside is typically displayed in bold.

<strong> Strong Tag </strong>

6.Emphasis Tag:

The tag is used to define emphasized text.The content inside is typically displayed in italic.

<em> Emphasis Tag </em>

7.Abbrevation Tag:

The abbr tag in HTML is used to define the abbrevation or short form of an element.

<abbr title="Abbrevation tag">Abb</abbr>

8.Image Tag:

The img element lets you insert images into your web pages To insert an image,you first upload the image to your web server, then use an img tag to reference the uploaded image filename Here's an example.

<img src="myphoto.jpg" alt="My photo">

one of the most important elements in web page the a element lets you create links to other content. The content can be either on your own site or on other site. Here's how to create some text that links to google.com:

<a href="google.com">Visit this great website </a>

10.Span Tag:

The span tag is an inline container use to mark up a part of text, or a part of document.

Example of the HTML Span Tag

<p> My cat has <span style="color:#8ebf42;">green</span> eyes.</p>