Card Carousel Using Javascript | Frontend Everything - 2022

How To Make A Phone Call And Mail Link Using -  HTML5 | frontend everything

Hey everyone! Today I'm gonna teach you How To Make A Phone Call and Mail Link Using HTML5 absolutely for beginners.

Let me introduce myself! I'm Piyush passionate about Web Development and Teaching Web Development. You can check out me @frontendeverything.

Ok! Keeping this aside let's create a link using HTML to make a phone call.

How To Create A Phone Call Link Using HTML

Creating a phone call link using HTML is so easy. I think all af you know how to create a link in HTML.

Even if you don't know let me explain you. 

We use "<a>" ( anchor tag ) to create links in html.

By using this tag we can create a phone call link so easily. Let me show you the code first.

HTML Code

 <a href="tel:+911234567890"> Click Me To Make A Call </a>

Output

Here in the above code, you can see that we used " Anchor Tag (<a>) " to create a phone call link using HTML.

In Anchor Tag we used the "href" attribute to define the link of the tag. In the place of link, we used "tel:+910123456789" to make a phone call to the +910123456789 number in place of this you can use any of the mobile numbers. 

Make sure to use " tel: " to make a phone call using an anchor tag.

On clicking this link we will be redirected to make a call to the number we provided in the href attribute.

I think you guys got to know how to make a phone call link using HTML.

Now let's jump into creating a mail link using HTML

How To Create A Mail Link Using HTML

Also here we use " Anchor Tag ( <a> ) " to create a mail link using HTML.

Firstly let's see the code and output of the written code.

HTML Code

 <a href="mailto:frontend@mailme.com">Click Here To Mail</a> 

Output

Here also in the above code, you can see we used Anchor Tag (<a>) to create a mail link.

In Anchor Tag we used "href" attribute to define the link. In place of link we used "mailto:frontend@mailme.com" to make a mail.

In place of frontend@mailme.com, you can use any mail to whom you want to mail on clicking the link.

On clicking this link it will be redirected to email to that particular mail id.

I think you guys got the point of what I'm saying. 

Note :

• Make sure to use "mailto:" to create a mail link.
• Make sure to use "tel:" to create a phone call link.

Conclusion

Making a phone call link and mail link using HTML is absolutely easy. Follow the above code. Make sure to change the phone number and mail id.

I think now you guys got to know how to make a phone call link and a mail link using HTML easily.

Thank you for reading this post. I'll meet you in the next post.

.

.

.

.

.

.

Thank You For Scrolling Till here 😊. If You gain any knowledge then do checkout me at @frontendeverything. I am Piyush 🎉 I provide Content related to programming, technology, web development  Daily.

.

More blogs you should give a check!

• A Simple card in Tailwind CSS
• Best Apps for Learning Coding
• Top-notch Project ideas For HTML< CSS< Javascript

• Best Platform To sell your Website Templates
• Google Homepage Clone With Html and css